:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--palette-ink-50: #f7fbff;--palette-ink-100: #edf5fb;--palette-ink-200: #d7e6f1;--palette-ink-300: #b8cbdc;--palette-ink-500: #647587;--palette-ink-700: #314255;--palette-ink-800: #1f3042;--palette-ink-900: #142335;--palette-ink-950: #0b1725;--palette-accent-50: #e8f8ff;--palette-accent-100: #d4effb;--palette-accent-300: #8bd8f1;--palette-accent-500: #1f8fb8;--palette-accent-600: #176f92;--palette-accent-700: #115470;--palette-white: #ffffff;--rgb-accent: 31 143 184;--rgb-shadow: 22 36 52;--rgb-ink: 11 23 37;--rgb-surface: 255 255 255;--rgb-surface-raised: 247 251 255;--rgb-page-bg: 241 247 252;--color-page-bg: var(--palette-ink-50);--color-page-bg-gradient-start: rgb(var(--rgb-surface) / 96%);--color-page-bg-gradient-end: rgb(var(--rgb-page-bg) / 96%);--color-text-primary: var(--palette-ink-950);--color-text-secondary: var(--palette-ink-800);--color-text-muted: var(--palette-ink-500);--color-text-subtle: rgb(var(--rgb-ink) / 56%);--color-text-inverse: var(--palette-white);--color-surface: rgb(var(--rgb-surface-raised) / 88%);--color-surface-raised: rgb(var(--rgb-surface) / 96%);--color-surface-strong: #ffffff;--color-surface-glass: rgb(var(--rgb-surface) / 76%);--color-surface-muted: rgb(var(--rgb-surface) / 68%);--color-border: rgb(var(--rgb-ink) / 12%);--color-border-strong: rgb(var(--rgb-ink) / 22%);--color-border-soft: rgb(var(--rgb-ink) / 8%);--color-accent: var(--palette-accent-500);--color-accent-strong: var(--palette-accent-700);--color-accent-soft: rgb(var(--rgb-accent) / 10%);--color-accent-hover: var(--palette-accent-600);--color-focus-ring: rgb(var(--rgb-accent) / 24%);--color-button-primary-bg: var(--color-accent);--color-button-primary-bg-hover: var(--palette-accent-600);--color-button-primary-text: var(--color-text-inverse);--color-button-secondary-bg: rgb(var(--rgb-surface) / 76%);--color-button-secondary-border: var(--color-border-strong);--color-button-secondary-text: var(--color-text-secondary);--color-disabled-bg: rgb(var(--rgb-ink) / 6%);--color-disabled-text: rgb(var(--rgb-ink) / 48%);--color-disabled-border: rgb(var(--rgb-ink) / 10%);--color-screenshot-card-bg: rgb(var(--rgb-surface) / 82%);--color-screenshot-card-border: rgb(var(--rgb-ink) / 12%);--color-screenshot-active-bg: rgb(var(--rgb-surface) / 96%);--color-screenshot-active-border: rgb(var(--rgb-accent) / 42%);--color-screenshot-context-bg: rgb(var(--rgb-surface) / 64%);--color-screenshot-image-bg: var(--palette-white);--color-chat-assistant-bg: rgb(var(--rgb-surface) / 88%);--color-chat-assistant-border: rgb(var(--rgb-ink) / 10%);--color-chat-assistant-text: var(--color-text-secondary);--color-chat-user-bg: rgb(var(--rgb-accent) / 94%);--color-chat-user-text: var(--color-text-inverse);--color-chat-pending-text: var(--color-text-muted);--color-chat-input-bg: rgb(var(--rgb-surface) / 78%);--color-chat-input-border: rgb(var(--rgb-ink) / 10%);--color-suggestion-bg: rgb(var(--rgb-surface) / 78%);--color-suggestion-border: rgb(var(--rgb-accent) / 28%);--color-suggestion-text: var(--color-text-secondary);--color-suggestion-hover-bg: rgb(var(--rgb-accent) / 9%);--color-suggestion-hover-border: rgb(var(--rgb-accent) / 46%);--shadow-soft: 0 14px 40px rgb(var(--rgb-shadow) / 10%);--shadow-raised: 0 18px 44px rgb(var(--rgb-shadow) / 14%);--shadow-floating: 0 10px 24px rgb(var(--rgb-shadow) / 10%), 0 2px 6px rgb(var(--rgb-shadow) / 6%);--shadow-active: 0 24px 62px rgb(var(--rgb-shadow) / 16%);--shadow-context: 0 10px 28px rgb(var(--rgb-shadow) / 8%);--shadow-subtle: 0 4px 12px rgb(var(--rgb-shadow) / 7%);--radius: 8px}.theme-oxygen-light{--palette-ink-50: #f7fbff;--palette-ink-100: #edf5fb;--palette-ink-200: #d7e6f1;--palette-ink-300: #b8cbdc;--palette-ink-500: #647587;--palette-ink-700: #314255;--palette-ink-800: #1f3042;--palette-ink-900: #142335;--palette-ink-950: #0b1725;--palette-accent-50: #e8f8ff;--palette-accent-100: #d4effb;--palette-accent-300: #8bd8f1;--palette-accent-500: #1f8fb8;--palette-accent-600: #176f92;--palette-accent-700: #115470;--rgb-accent: 31 143 184;--rgb-shadow: 22 36 52;--rgb-ink: 11 23 37;--rgb-surface: 255 255 255;--rgb-surface-raised: 247 251 255;--rgb-page-bg: 241 247 252}.theme-graphite-light{--palette-ink-50: #f6f8fa;--palette-ink-100: #edf1f5;--palette-ink-200: #d9e1ea;--palette-ink-300: #bbc6d2;--palette-ink-500: #657283;--palette-ink-700: #384454;--palette-ink-800: #273342;--palette-ink-900: #192535;--palette-ink-950: #101926;--palette-accent-50: #eef6ff;--palette-accent-100: #dcecff;--palette-accent-300: #9bc8f8;--palette-accent-500: #386fa8;--palette-accent-600: #2d5b8c;--palette-accent-700: #22476f;--rgb-accent: 56 111 168;--rgb-shadow: 25 37 53;--rgb-ink: 16 25 38;--rgb-surface: 255 255 255;--rgb-surface-raised: 246 248 250;--rgb-page-bg: 238 242 246}.theme-ink-cyan-light{--palette-ink-50: #ebf5fa;--palette-ink-100: #d6eaf5;--palette-ink-200: #aed5ea;--palette-ink-300: #85c0e0;--palette-ink-500: #5dabd5;--palette-ink-700: #1f5a7a;--palette-ink-800: #153c51;--palette-ink-900: #0a1e29;--palette-ink-950: #07151c;--palette-accent-50: #ebf5fa;--palette-accent-100: #d6eaf5;--palette-accent-300: #85c0e0;--palette-accent-500: #3496cb;--palette-accent-600: #2a78a2;--palette-accent-700: #1f5a7a;--rgb-accent: 52 150 203;--rgb-shadow: 10 30 41;--rgb-ink: 7 21 28;--rgb-surface: 255 255 255;--rgb-surface-raised: 248 253 255;--rgb-page-bg: 235 245 250}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--color-text-primary);background:linear-gradient(180deg,var(--color-page-bg-gradient-start),var(--color-page-bg-gradient-end) 360px),var(--color-page-bg)}body.modal-open{overflow:hidden}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:1}img{display:block;max-width:100%}a{color:inherit}h1,h2,h3,h4,p{margin:0}h1{font-size:clamp(4rem,10vw,8.25rem);line-height:.9;letter-spacing:0}h2{max-width:780px;font-size:clamp(2rem,4vw,4.25rem);line-height:1.02;letter-spacing:0}h3{font-size:1.4rem;line-height:1.2;letter-spacing:0}h4{font-size:.95rem;line-height:1.3;letter-spacing:0}p,li,dd,dt{line-height:1.65}.button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:var(--radius);border:1px solid transparent;padding:.72rem 1.05rem;font-weight:700;transition:transform .16s ease,border-color .16s ease,background .16s ease}.button:focus-visible,.icon-button:focus-visible,.chip:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.button:hover{transform:translateY(-1px)}.button-primary{background:var(--color-button-primary-bg);color:var(--color-button-primary-text)}.button-primary:hover{background:var(--color-button-primary-bg-hover)}.button-primary:disabled{background:var(--color-disabled-bg);color:var(--color-disabled-text);border-color:var(--color-disabled-border)}.button-secondary{background:var(--color-button-secondary-bg);border-color:var(--color-button-secondary-border);color:var(--color-button-secondary-text)}.button-secondary:hover{border-color:var(--color-border-strong)}.button-secondary:disabled{background:var(--color-disabled-bg);border-color:var(--color-disabled-border);color:var(--color-disabled-text)}.icon-button{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text-primary);font-size:1.6rem;line-height:1}.chip{border:1px solid var(--color-border);border-radius:999px;background:var(--color-surface-muted);color:var(--color-text-secondary);padding:.52rem .72rem;font-size:.9rem;line-height:1.25;transition:background .16s ease,border-color .16s ease}.chip:hover{background:var(--color-accent-soft);border-color:var(--color-suggestion-border)}.eyebrow{color:var(--color-accent-strong);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important}}.viewport-scene{min-height:100dvh;overflow:hidden;padding:clamp(8px,1.4vw,18px) clamp(12px,1.8vw,24px) clamp(12px,1.8vw,24px)}.product-scene{display:grid;width:100%;max-width:2400px;height:calc(100dvh - clamp(20px,3vw,36px));min-height:640px;margin:0 auto;grid-template-columns:minmax(0,1fr) clamp(520px,36vw,680px);column-gap:clamp(16px,1.6vw,30px);outline:none}.product-scene.scene--focused{grid-template-columns:minmax(0,1fr) clamp(520px,36vw,680px)}.scene-left{display:grid;min-width:0;min-height:0;grid-template-rows:auto minmax(0,1fr);gap:clamp(8px,1.2vh,16px)}.hero{align-self:start;margin-left:0;max-height:250px;overflow:hidden;padding-top:0;opacity:1;transform:translateY(0);transition:transform .36s cubic-bezier(.2,.8,.2,1),opacity .24s ease,max-height .36s ease}.hero-copy{display:grid;max-width:820px;gap:6px}.hero-heading-row{display:flex;min-width:0;align-items:start;justify-content:space-between;gap:14px}.hero h1{font-size:clamp(1.65rem,3vw,2.75rem);line-height:.96}.hero-lead{max-width:760px;color:var(--color-text-secondary);font-size:clamp(1.15rem,1.8vw,1.8rem);line-height:1.08}.hero-text{max-width:720px;color:var(--color-text-muted);font-size:clamp(.98rem,1.1vw,1.08rem)}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding-top:4px}.language-switcher{display:flex;flex:0 0 auto;align-items:center;gap:8px;color:var(--color-text-subtle);font-size:.7rem;font-weight:800;line-height:1;text-transform:uppercase}.language-switcher-label{white-space:nowrap}.language-select-wrap{position:relative;min-width:0}.language-select{min-height:34px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-muted);color:var(--color-text-secondary);padding:0 .62rem;box-shadow:var(--shadow-subtle);font-size:.78rem;font-weight:800;line-height:1;text-transform:none}.language-select:hover,.language-select:focus-visible{border-color:var(--color-suggestion-hover-border);background:var(--color-suggestion-hover-bg);outline:none}.language-select:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring)}.scene--focused .hero{max-height:64px;opacity:.82;transform:translateY(-4px)}.scene--focused .hero-copy{max-width:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px 14px}.scene--focused .hero-heading-row{align-items:center}.scene--focused .hero h1{font-size:clamp(1rem,1.3vw,1.22rem)}.scene--focused .language-switcher{justify-content:start}.scene--focused .hero-lead{overflow:hidden;color:var(--color-text-muted);font-size:.94rem;text-overflow:ellipsis;white-space:nowrap}.scene--focused .hero-text{display:none}.scene--focused .hero-actions{justify-content:end;padding-top:0}.scene--focused .hero-actions .button{min-height:36px;padding:.5rem .78rem;font-size:.88rem}@media(max-width:1920px){.product-scene,.product-scene.scene--focused{grid-template-columns:minmax(0,1fr) clamp(460px,30vw,560px);column-gap:clamp(16px,1.6vw,26px)}}@media(max-width:1680px),(max-height:900px){.viewport-scene{padding:clamp(10px,1.2vw,18px)}.product-scene,.product-scene.scene--focused{height:calc(100dvh - clamp(20px,2.4vw,36px))}.scene-left{gap:clamp(8px,1vh,12px)}.hero{max-height:none;overflow:visible;padding-top:0}.hero-copy{gap:6px}.hero h1{font-size:clamp(1.5rem,2.5vw,2.25rem)}.hero-lead{font-size:clamp(1rem,1.4vw,1.34rem)}.hero-text{font-size:.92rem;line-height:1.35}.hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:2px}.hero-actions .button{min-height:40px;padding:.54rem .82rem;white-space:nowrap}.scene--focused .hero{max-height:none;transform:none}.scene--focused .hero-copy{grid-template-columns:auto minmax(0,1fr) minmax(280px,auto)}.language-switcher{font-size:.66rem}.language-select{min-height:30px;padding-inline:.5rem;font-size:.72rem}.scene--focused .hero-actions{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1500px){.product-scene,.product-scene.scene--focused{grid-template-columns:minmax(0,1fr) clamp(400px,31vw,470px);column-gap:18px}}@media(max-height:720px)and (min-width:761px){.product-scene,.product-scene.scene--focused{min-height:0}}@media(max-width:1280px){.product-scene,.product-scene.scene--focused{grid-template-columns:minmax(0,1fr) clamp(420px,36vw,500px);column-gap:22px}}@media(max-width:1280px)and (min-width:981px){.product-scene,.product-scene.scene--focused{grid-template-columns:minmax(0,1fr) 390px;column-gap:16px}}@media(max-width:980px){.viewport-scene{overflow:auto}.product-scene,.product-scene.scene--focused{height:auto;min-height:calc(100dvh - 32px);grid-template-columns:1fr}}@media(max-width:760px){.viewport-scene{padding:14px}.product-scene{min-height:calc(100dvh - 28px)}.scene-left,.hero,.hero-copy,.screenshot-stage{width:calc(100vw - 28px);max-width:calc(100vw - 28px)}.hero h1{font-size:clamp(1.8rem,10vw,3rem)}.hero-copy{width:100%;min-width:0;max-width:100%}.hero-lead,.hero-text{max-width:100%;overflow-wrap:break-word}.hero-actions{display:grid;width:min(100%,calc(100vw - 56px));grid-template-columns:1fr;align-items:stretch}.hero-actions .button{width:100%;white-space:normal}.scene--focused .hero{max-height:none}.scene--focused .hero-copy{grid-template-columns:1fr}.hero-heading-row{align-items:start;flex-direction:column}.language-switcher{align-items:start}.scene--focused .hero-lead{white-space:normal}.scene--focused .hero-actions{justify-content:stretch}}.screenshot-stage{display:grid;min-height:0;width:100%;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;outline:none}.screenshot-stage:focus-visible{border-radius:var(--radius);outline:3px solid var(--color-focus-ring);outline-offset:4px}.screenshot-stage-header{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:14px}.screenshot-stage-header p{display:grid;min-width:0;max-width:720px;color:var(--color-text-muted);font-size:.9rem;line-height:1.35}.screenshot-stage-header p span{color:var(--color-text-primary);font-size:clamp(1rem,1.25vw,1.18rem);font-weight:800}.screenshot-controls{display:flex;flex:0 0 auto;gap:8px}.gallery-control{display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-raised);color:var(--color-text-primary);font-size:1.1rem;font-weight:900;box-shadow:var(--shadow-subtle);transition:transform .18s ease,border-color .18s ease,background .18s ease}.gallery-control:hover,.gallery-control:focus-visible{border-color:var(--color-screenshot-active-border);background:var(--color-surface-strong);outline:none;transform:translateY(-1px)}.gallery-control:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring),var(--shadow-subtle)}.screenshot-carousel{position:relative;min-height:0;overflow:hidden;border-radius:calc(var(--radius) + 4px);isolation:isolate}.scene-shot{position:absolute;top:50%;left:50%;display:grid;width:min(78%,1080px);height:min(100%,680px);min-width:0;min-height:0;overflow:hidden;grid-template-rows:minmax(0,1fr) auto;border:1px solid var(--color-screenshot-card-border);border-radius:var(--radius);background:var(--color-screenshot-card-bg);color:var(--color-text-primary);padding:0;text-align:left;box-shadow:var(--shadow-soft);transform:translate(-50%,-50%) scale(.72);transform-origin:center;opacity:0;transition:transform .46s cubic-bezier(.2,.8,.2,1),opacity .3s ease,filter .3s ease,border-color .24s ease,box-shadow .24s ease,background .24s ease;will-change:transform,opacity}.scene-shot:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-focus-ring),var(--shadow-raised)}.scene-shot.is-active{z-index:4;grid-template-rows:minmax(0,1fr);width:min(90%,1240px);height:auto;max-height:100%;aspect-ratio:128 / 69;border-color:var(--color-screenshot-active-border);background:var(--color-screenshot-active-bg);box-shadow:var(--shadow-active);opacity:1;transform:translate(-50%,-50%) scale(1)}.scene-shot.is-previous,.scene-shot.is-next{z-index:2;background:var(--color-screenshot-context-bg);box-shadow:var(--shadow-context);opacity:.64;filter:saturate(.82) contrast(.96)}.scene-shot.is-previous{transform:translate(-92%,-50%) scale(.64) rotate(-1.2deg)}.scene-shot.is-next{transform:translate(-8%,-50%) scale(.64) rotate(1.2deg)}.scene-shot.is-previous:hover,.scene-shot.is-next:hover,.scene-shot.is-previous:focus-visible,.scene-shot.is-next:focus-visible{opacity:.86;filter:saturate(.95) contrast(1)}.scene-shot.is-previous:hover,.scene-shot.is-previous:focus-visible{transform:translate(-94%,-50%) scale(.67) rotate(-.6deg)}.scene-shot.is-next:hover,.scene-shot.is-next:focus-visible{transform:translate(-6%,-50%) scale(.67) rotate(.6deg)}.scene-shot.is-hidden{visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.58)}.shot-image-wrap{position:relative;display:grid;place-items:center;min-height:0;height:100%;overflow:hidden;background:var(--color-screenshot-image-bg);transition:background .24s ease,box-shadow .24s ease,padding .24s ease}.shot-image-wrap img{width:100%;height:100%;min-height:0;aspect-ratio:128 / 69;object-fit:contain;object-position:center center}.scene-shot.shot-layout-portrait{width:min(58%,620px)}.scene-shot.shot-layout-portrait.is-active{width:min(68%,700px);aspect-ratio:852 / 1380}.screenshots--focused .scene-shot.shot-layout-portrait{width:min(62%,660px)}.screenshots--focused .scene-shot.shot-layout-portrait.is-active{width:min(78%,760px)}.scene-shot.shot-layout-portrait .shot-image-wrap img{width:auto;margin-inline:auto;aspect-ratio:auto}.scene-shot.shot-layout-balanced .shot-image-wrap img{object-position:center center}.scene-shot.is-active .shot-image-wrap{padding:clamp(8px,.85vw,12px);background:linear-gradient(180deg,rgb(var(--rgb-surface) / 94%),rgb(var(--rgb-page-bg) / 72%)),var(--color-screenshot-image-bg);box-shadow:inset 0 0 0 1px rgb(var(--rgb-ink) / 7%),inset 0 14px 34px rgb(var(--rgb-shadow) / 5%)}.scene-shot.is-active .shot-image-wrap:after{content:none}.scene-shot.is-active .shot-image-wrap img{width:100%;height:auto;max-height:100%;border:1px solid rgb(var(--rgb-ink) / 12%);border-radius:calc(var(--radius) - 2px);box-shadow:0 1px rgb(var(--rgb-surface) / 78%),0 8px 20px rgb(var(--rgb-shadow) / 6%)}.scene-shot.is-previous .shot-image-wrap,.scene-shot.is-next .shot-image-wrap{filter:blur(.2px)}.shot-copy{display:grid;gap:6px;padding:clamp(10px,1vw,14px)}.shot-title{font-size:clamp(1rem,1.28vw,1.24rem);font-weight:800}.shot-description{display:-webkit-box;overflow:hidden;color:var(--color-text-muted);font-size:.9rem;line-height:1.38;-webkit-box-orient:vertical;-webkit-line-clamp:2}.scene-shot.is-previous .shot-description,.scene-shot.is-next .shot-description{-webkit-line-clamp:1}.shot-action{min-height:1rem;color:var(--color-accent-strong);font-size:.82rem;font-weight:800}.screenshot-dots{display:flex;justify-content:center;gap:8px}.screenshot-dot{width:10px;height:10px;border:1px solid var(--color-border-strong);border-radius:999px;background:var(--color-surface-raised);padding:0;transition:width .18s ease,border-color .18s ease,background .18s ease}.screenshot-dot.is-active{width:28px;border-color:var(--color-screenshot-active-border);background:var(--color-accent)}.screenshot-dot:focus-visible{outline:3px solid var(--color-focus-ring);outline-offset:2px}.screenshots--focused .scene-shot{width:min(86%,1160px)}.screenshots--focused .scene-shot.is-active{width:min(98%,1320px);height:auto}.screenshots--focused .scene-shot.is-previous{transform:translate(-98%,-50%) scale(.66) rotate(-1.2deg)}.screenshots--focused .scene-shot.is-next{transform:translate(-2%,-50%) scale(.66) rotate(1.2deg)}@media(max-width:1680px),(max-height:900px){.screenshot-stage{gap:8px}.screenshot-stage-header p{font-size:.82rem}.gallery-control{width:36px;height:36px}.scene-shot,.screenshots--focused .scene-shot{width:min(78%,780px)}.scene-shot.is-active,.screenshots--focused .scene-shot.is-active{width:min(92%,860px);height:auto}.scene-shot.shot-layout-portrait,.screenshots--focused .scene-shot.shot-layout-portrait{width:min(62%,560px)}.scene-shot.shot-layout-portrait.is-active,.screenshots--focused .scene-shot.shot-layout-portrait.is-active{width:min(72%,640px)}.scene-shot.is-previous,.screenshots--focused .scene-shot.is-previous{transform:translate(-94%,-50%) scale(.62) rotate(-1deg)}.scene-shot.is-next,.screenshots--focused .scene-shot.is-next{transform:translate(-6%,-50%) scale(.62) rotate(1deg)}.shot-copy{gap:5px;padding:10px 12px}.shot-title{font-size:clamp(.96rem,1.05vw,1.12rem)}.shot-description{font-size:.82rem;line-height:1.32}}@media(max-width:1280px)and (min-width:981px){.scene-shot,.screenshots--focused .scene-shot{width:min(84%,720px)}.scene-shot.is-active,.screenshots--focused .scene-shot.is-active{width:min(94%,780px)}.scene-shot.shot-layout-portrait,.screenshots--focused .scene-shot.shot-layout-portrait{width:min(66%,500px)}.scene-shot.shot-layout-portrait.is-active,.screenshots--focused .scene-shot.shot-layout-portrait.is-active{width:min(76%,560px)}.scene-shot.is-previous,.screenshots--focused .scene-shot.is-previous{transform:translate(-96%,-50%) scale(.56)}.scene-shot.is-next,.screenshots--focused .scene-shot.is-next{transform:translate(-4%,-50%) scale(.56)}}@media(max-width:980px){.screenshot-stage{min-height:640px}.screenshot-carousel{min-height:520px}.scene-shot,.screenshots--focused .scene-shot{width:min(78%,760px);height:min(92%,560px)}.scene-shot.is-active,.screenshots--focused .scene-shot.is-active{width:min(92%,820px);height:auto}.scene-shot.shot-layout-portrait,.screenshots--focused .scene-shot.shot-layout-portrait{width:min(68%,500px)}.scene-shot.shot-layout-portrait.is-active,.screenshots--focused .scene-shot.shot-layout-portrait.is-active{width:min(78%,560px)}.scene-shot.is-previous,.screenshots--focused .scene-shot.is-previous{transform:translate(-96%,-50%) scale(.54)}.scene-shot.is-next,.screenshots--focused .scene-shot.is-next{transform:translate(-4%,-50%) scale(.54)}}@media(max-width:760px){.screenshot-stage{min-height:0;grid-template-rows:auto minmax(380px,auto) auto}.screenshot-stage-header{align-items:start}.screenshot-stage-header p{font-size:.84rem}.screenshot-carousel{min-height:430px}.scene-shot,.screenshots--focused .scene-shot{width:100%;height:100%;transform:translate(-50%,-50%) scale(.94)}.scene-shot.shot-layout-portrait,.screenshots--focused .scene-shot.shot-layout-portrait{width:100%}.scene-shot.is-active{transform:translate(-50%,-50%) scale(1)}.scene-shot.is-previous,.scene-shot.is-next,.screenshots--focused .scene-shot.is-previous,.screenshots--focused .scene-shot.is-next{opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-50%) scale(.9)}.shot-image-wrap{height:100%}.shot-image-wrap img{height:100%;max-height:none;object-fit:contain}.shot-copy{padding:12px}.shot-description{-webkit-line-clamp:3}}.floating-chat{display:grid;min-width:0;min-height:0;grid-template-rows:minmax(0,1fr) auto auto;align-self:stretch;gap:12px;overflow:visible;padding:clamp(6px,1.2vw,14px) 0}.chat-messages{display:flex;flex-direction:column;min-height:0;gap:14px;overflow-y:auto;overscroll-behavior:contain;padding:18px 24px;scroll-padding-block:18px;scrollbar-gutter:stable}.chat-message{display:grid;align-self:flex-start;min-width:0;width:fit-content;max-width:min(90%,470px);gap:6px;margin-inline:4px;border:1px solid var(--color-chat-assistant-border);border-radius:18px;background:var(--color-chat-assistant-bg);box-shadow:var(--shadow-floating);padding:12px 14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-wrap:anywhere}.chat-message span{color:var(--color-text-subtle);font-size:.7rem;font-weight:800;text-transform:uppercase}.chat-message p{color:var(--color-chat-assistant-text);font-size:.94rem;line-height:1.42;white-space:pre-wrap}.chat-message.user{align-self:flex-end;max-width:min(84%,430px);border-color:var(--color-screenshot-active-border);background:var(--color-chat-user-bg)}.chat-message.user span,.chat-message.user p{color:var(--color-chat-user-text)}.chat-message.pending p{color:var(--color-chat-pending-text)}.typing-status{align-self:flex-start;width:fit-content;max-width:min(88%,360px);margin-inline:4px;border-radius:999px;background:var(--color-surface-muted);color:var(--color-chat-pending-text);font-size:.78rem;font-weight:700;padding:6px 10px;box-shadow:var(--shadow-subtle)}.floating-chat .suggested-questions{display:grid;gap:8px;max-height:none;overflow:visible;padding:10px 24px 4px}.suggested-questions-label{color:var(--color-accent-strong);font-size:.72rem;font-weight:800;letter-spacing:.08em;line-height:1;text-transform:uppercase}.suggested-questions-list{display:flex;flex-wrap:wrap;gap:8px;max-height:none;overflow:visible;padding:1px 1px 4px}.floating-chat .suggested-question-chip{border-color:var(--color-suggestion-border);background:var(--color-suggestion-bg);box-shadow:var(--shadow-subtle);color:var(--color-suggestion-text);font-size:.8rem;font-weight:700}.floating-chat .suggested-question-chip:hover,.floating-chat .suggested-question-chip:focus-visible{border-color:var(--color-suggestion-hover-border);background:var(--color-suggestion-hover-bg);outline:none}.floating-chat .suggested-question-chip:focus-visible{box-shadow:0 0 0 3px var(--color-focus-ring),var(--shadow-subtle)}.chat-form{display:flex;min-width:0;align-items:center;gap:10px;margin:0 24px;border-radius:22px;border:1px solid var(--color-chat-input-border);background:var(--color-chat-input-bg);box-shadow:var(--shadow-floating);padding:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.chat-form textarea{flex:1 1 auto;width:100%;min-width:0;min-height:44px;max-height:96px;border:0;border-radius:16px;background:transparent;color:var(--color-text-primary);padding:11px 12px;overflow-y:auto;resize:none}.chat-form textarea:focus{outline:3px solid var(--color-focus-ring)}.chat-send-button{flex:0 0 auto;align-self:center;min-height:44px;padding-inline:1rem;white-space:nowrap}@media(max-width:1680px),(max-height:900px){.floating-chat{gap:10px;padding-block:4px}.chat-messages{gap:10px;padding:12px 18px;scroll-padding-block:12px}.chat-message{max-width:min(92%,420px);border-radius:16px;padding:10px 12px}.chat-message p{font-size:.88rem;line-height:1.36}.floating-chat .suggested-questions{gap:7px;padding:7px 18px 2px}.suggested-questions-list{gap:6px}.floating-chat .suggested-question-chip{padding:.44rem .62rem;font-size:.76rem}.chat-form{margin-inline:18px;padding:7px}.chat-form textarea{min-height:40px;padding:9px 10px}.chat-send-button{min-height:40px;padding-inline:.86rem}}@media(max-width:980px){.floating-chat{min-height:520px;padding-bottom:0}}@media(max-width:760px){.floating-chat{min-height:min(620px,calc(100dvh - 28px))}.chat-message,.chat-message.user{max-width:calc(100% - 8px)}.chat-messages,.floating-chat .suggested-questions{padding-inline:16px}.chat-form{gap:8px;margin-inline:16px}}
