/* SITE-SHOT-01: real product pixels; only the native system title strip is clipped. */
.product-gallery,.product-menu-detail{margin:0;min-width:0;color:var(--ink)}
.product-choices{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
.product-choices button{font:inherit;font-size:13px;min-height:40px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card,var(--surface));color:var(--ink2,var(--subtle));cursor:pointer}
.product-choices button[aria-pressed=true]{background:var(--btn,var(--ink));border-color:var(--btn,var(--ink));color:var(--btn-ink,var(--paper));font-weight:600}
.product-frame{aspect-ratio:1440/844;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow);background:var(--card,var(--surface))}
.product-frame [hidden]{display:none}
.product-zoom{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;cursor:zoom-in;font:inherit}
.product-capture{display:block;aspect-ratio:1440/844;overflow:hidden}
.product-capture>img{display:block;width:100%;max-width:none;height:auto;margin:-3.888889% 0 0}
.product-gallery figcaption{display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-top:12px;color:var(--ink3,var(--subtle));font-size:11px;line-height:1.7}
.product-menu-detail{width:min(100%,350px);justify-self:center}
.product-menu-detail .product-zoom{border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.product-menu-crop{display:block;aspect-ratio:292/452;overflow:hidden}
.product-menu-crop>img{display:block;max-width:none;width:493.150685%;height:auto;margin:-18.493151% 0 0 -65.068493%}
.product-menu-detail figcaption{font-size:12px;color:var(--ink3,var(--subtle));line-height:1.7;margin-top:14px;text-align:center}
.product-mobile-section{padding:28px 24px 34px}
.product-mobile-section h2{font-size:26px;margin:0 0 20px;letter-spacing:-.04em}
.product-mobile-section+.demo-section{padding-top:12px}
.product-mobile-section .product-gallery figcaption{font-size:10px}
.feature .product-menu-detail{max-width:290px;margin:24px auto 0}
.product-preview-open{overflow:hidden}
.product-dialog{color:var(--ink);background:var(--card,var(--surface));border:1px solid var(--line);border-radius:20px;width:min(1160px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:20px;overflow:auto;box-shadow:var(--shadow)}
.product-dialog::backdrop{background:rgb(0 0 0 / .65)}
.product-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.product-dialog-head h2{font:600 16px/1.4 var(--font);letter-spacing:0;margin:0}
.product-dialog-head button{font:inherit;border:1px solid var(--line);border-radius:8px;background:var(--bg2,var(--soft));color:var(--ink);padding:8px 12px;min-height:40px;cursor:pointer}
.product-dialog .product-capture{border:1px solid var(--line);border-radius:12px}
.product-dialog .product-menu-crop{max-width:360px;margin:auto;border:1px solid var(--line);border-radius:12px}
.product-dialog-note{font-size:12px;line-height:1.7;color:var(--ink3,var(--subtle));margin:14px 0 0}
.product-choices button:focus-visible,.product-zoom:focus-visible,.product-dialog button:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
@media(max-width:600px){.product-dialog{padding:14px;border-radius:14px}.product-dialog-head h2{font-size:14px}.product-choices button{font-size:12px;padding:8px 12px}.product-mobile-section{padding-left:20px;padding-right:20px}}

.product-frame>[data-product-panel]{height:100%}
.product-frame>[data-product-panel="agents"] .product-zoom{height:100%;display:flex;justify-content:center;padding:6px}
.product-frame .product-menu-crop{height:100%;width:auto;max-width:100%;border-radius:8px}

.product-choices button:disabled,.product-zoom:disabled{cursor:default}