.hero{grid-template-columns:1fr 1.03fr;gap:44px;align-items:center}.session.app-session{padding:0;background:transparent;border:0;box-shadow:none;transform:none;max-width:540px;width:100%;margin:0 auto}.app-session-heading{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:18px;font-size:12px;color:var(--muted)}.app-connected{display:flex;align-items:center;gap:6px;color:#62d68b}.app-connected:before{content:"";width:5px;height:5px;background:#30d158;border-radius:50%}.app-phone-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.app-phone{min-width:0;margin:0}.app-phone>figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px;font-size:11px;line-height:1.5}.app-phone>figcaption strong{font-weight:600;font-size:14px}.app-phone>figcaption span{color:var(--muted)}.ui-device{container-type:inline-size;position:relative;background:#000;border:1px solid #46494c;border-radius:28px;padding:4% 3.5% 6%;overflow:hidden;box-shadow:inset 0 0 0 3px #202123,0 14px 30px #0005;aspect-ratio:1179/2556;display:flex;flex-direction:column;color:#f4f4f4;line-height:1.3;letter-spacing:0;font-size:3cqw}.ui-device svg{width:5cqw;height:5cqw;display:inline-block;vertical-align:middle;flex-shrink:0}.ui-statusbar{display:flex;align-items:center;justify-content:space-between;padding:1.5cqw 7cqw 5.5cqw;font-size:4cqw;font-weight:650}.ui-statusbar>i{width:2cqw;height:2cqw;border-radius:50%;background:#30d158}.ui-statusbar>span:last-child{display:flex;align-items:center;gap:1cqw}.ui-statusbar b{background:white;color:#111;border-radius:1.2cqw;padding:0 .8cqw;font-size:2.7cqw}.ui-top-pill{display:flex;align-items:center;gap:2cqw;padding:3cqw 2cqw;background:linear-gradient(#242424,#1b1b1b);border:1px solid #ffffff24;border-radius:20cqw;white-space:nowrap;min-height:13cqw}.ui-x{color:#0a99ff;font-size:7cqw;line-height:1;padding:0 1cqw}.ui-top-pill>div{flex:1;min-width:0;overflow:hidden}.ui-top-pill strong{display:block;font:500 4.5cqw/1.1 ui-monospace,monospace}.ui-top-pill small{display:block;color:#828282;font-size:2.4cqw;margin-top:.8cqw;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ui-scene-chip{color:#0a99ff;background:#323235;border-radius:12cqw;display:flex;align-items:center;gap:1cqw;padding:2cqw;font-size:3cqw;font-weight:600}.ui-scene-chip svg{width:4.4cqw;height:4.4cqw}.ui-role{border-radius:10cqw;background:#153c53;padding:2cqw;font-size:3.1cqw}.peer-phone .ui-role{background:#343438}.ui-params{display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#232323,#1d1d1d);border:1px solid #ffffff20;border-radius:6cqw;padding:2.3cqw 2cqw;margin-top:2.2cqw;min-height:11cqw}.ui-params>div{min-width:0;text-align:center}.ui-params span{display:block;color:#888;font-size:2.7cqw}.ui-params strong{display:block;font-size:3.7cqw;margin-top:.8cqw;font-weight:550}.ui-still-line{display:flex;align-items:center;gap:1.5cqw;padding:3cqw 2cqw 0;font-size:3.1cqw;white-space:nowrap}.ui-still-line>span:first-child,.ui-still-line strong{color:#30d158}.ui-still-line>span:first-child{font-size:5cqw;line-height:.7}.ui-still-line strong{font-size:3.4cqw}.ui-still-line>span:last-child{margin-left:1cqw}.ui-instruction{margin:2cqw 2cqw 4cqw;font-size:3cqw;color:#8c8c8c;min-height:4cqw}.ui-viewfinder{display:flex;position:relative;min-height:0;flex:1;width:calc(100% + 7cqw);margin-left:-3.5cqw;background:#080808;overflow:hidden}.ui-preview{position:relative;min-width:0;flex:1}.ui-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 40%;position:absolute;inset:0}.ui-front{outline:1px solid #0a99ff;outline-offset:-1px}.ui-front img{object-position:48% center}.ui-capture-flash{position:absolute;inset:0;background:#fff;opacity:0;pointer-events:none;z-index:2}.app-session.hero-flashing .ui-capture-flash{animation:hero-shutter-flash .4s ease-out both}.ui-lens-labels{display:flex;justify-content:space-around;gap:10%;padding-top:1.5cqw;min-height:10cqw}.ui-lens-labels span{align-self:start;font-size:3.4cqw;border-radius:8cqw;background:#232323;padding:1.3cqw 2.5cqw}.ui-lens-labels span+span{color:#0a99ff}.ui-mode-row{display:flex;align-items:center;justify-content:center;gap:4cqw;padding-top:5cqw}.ui-mode-pill{display:flex;border-radius:15cqw;background:#202024;padding:.6cqw;font-size:3cqw}.ui-mode-pill span{padding:1.4cqw 4.3cqw;border-radius:10cqw;white-space:nowrap}.ui-mode-pill .selected{background:#5b5b61}.ui-af{padding:1.8cqw 3.5cqw;background:linear-gradient(#272727,#1c1c1c);border:1px solid #ffffff24;border-radius:12cqw;font-size:3.2cqw}.ui-lens-choice{display:flex;align-items:center;justify-content:center;gap:2.5cqw;padding:3.3cqw 0}.ui-lens-choice span{padding:2cqw 5.5cqw;background:linear-gradient(#252525,#1e1e1e);border:1px solid #ffffff20;border-radius:15cqw;color:#ffeb00;font-size:3.5cqw;font-weight:600}.ui-lens-choice b{font-size:4cqw}.ui-shutter-row{display:flex;align-items:center;justify-content:space-between;padding:1cqw 2cqw 0}.ui-settings-icon,.ui-device-icon{border-radius:50%;width:18cqw;height:16cqw;display:flex;align-items:center;justify-content:center;background:linear-gradient(#252525,#1c1c1c);border:1px solid #ffffff24}.ui-settings-icon svg{width:6.5cqw;height:6.5cqw}.ui-device-icon{font-size:4.5cqw;gap:1cqw}.ui-device-icon svg{width:5cqw;height:7cqw}.ui-shutter{display:block;width:19cqw;height:19cqw;background:#fff;border-radius:50%;border:2px solid #000;outline:2px solid #fff;box-shadow:0 0 0 1cqw #000;flex-shrink:0;padding:0}.ui-shutter.passive{opacity:.76;cursor:default}.ui-shutter-label{font-size:3.1cqw;margin:2cqw 0 0;text-align:center;min-height:4cqw}.ui-take-count{display:flex;gap:1cqw;justify-content:center;font-size:2.9cqw;color:#999;margin-top:2cqw}.ui-take-count strong{font-weight:500;color:#f4f4f4}.ui-home-bar{background:#bbb;border-radius:10cqw;width:32cqw;height:1cqw;margin:3cqw auto 0}.hero-sync-controls{display:flex;align-items:center;justify-content:space-between;margin-top:20px}.hero-sync-controls .glass-button{color:#f5f5f0;font-size:13px;min-height:42px}.hero-sync-controls>div{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}.hero-sync-controls strong{font:22px/1 ui-monospace,monospace;color:#eee}.hero-sync-status{font-size:12px;min-height:21px;margin:12px 0 0;color:#bfc4c7}.hero-ui-note{font-size:10px;color:#8b9195;line-height:1.8;margin:9px 0 0}.hero-modal-link{display:block;background:none;border:0;padding:0;color:var(--orange);font-size:11px;margin-top:4px}.hero-photo-credit{font-size:10px;color:#8b9195;line-height:1.7;margin:9px 0 0}.hero-photo-credit a{border-bottom:1px solid #555}.scene-export{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;align-items:center}.scene-export h2{max-width:650px}.scene-export-lead{color:var(--muted);font-size:16px;line-height:1.9;margin-top:22px}.scene-actions-info{display:grid;gap:28px;margin-top:30px}.scene-actions-info article{padding-top:22px;border-top:1px solid var(--line);position:relative}.scene-actions-info svg{width:24px;height:24px;color:#0a99ff}.scene-actions-info h3{font-size:20px;font-weight:550;margin:10px 0}.scene-actions-info p{font-size:14px;color:var(--muted);line-height:1.9;margin:0}.scene-pro-label{display:inline-block;font-size:10px;color:var(--orange);border:1px solid #795439;border-radius:5px;padding:1px 7px}.scene-files{min-width:0;background:#111315;border:1px solid #454b50;border-radius:16px;padding:24px;box-shadow:0 20px 40px #0003}.scene-files svg{width:22px;height:22px;flex-shrink:0;color:#0a99ff}.scene-files-top{display:flex;align-items:center;gap:12px;font-size:12px;color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:18px}.scene-folder-list{display:grid;gap:8px;padding-top:18px}.scene-folder-list>span{display:flex;align-items:center;gap:12px;border-radius:8px;padding:12px 14px;font-size:14px;background:#1e2226}.scene-folder-list .active{background:#15374d;color:#e0f1ff;border:1px solid #186191}.scene-folder-list small{margin-left:auto;font-size:18px;color:#5ebeff}.scene-file-list{border-left:1px solid #34536b;margin:12px 0 22px 23px;padding-left:22px}.scene-file-list>div{display:flex;align-items:center;gap:15px;padding-block:7px;min-width:0}.scene-file-list b{font:10px/1.4 ui-monospace,monospace;color:var(--orange);width:30px;flex-shrink:0}.scene-file-list code{font-size:12px;overflow-wrap:anywhere;color:#c7cdd2}.scene-share{border-top:1px solid var(--line);padding-top:20px;display:flex;gap:16px}.scene-share p{color:var(--muted);font-size:13px;line-height:1.8;margin:0}.scene-file-note{color:#7f878d;font-size:11px;margin:18px 0 0}.header nav{gap:20px}.hero .hero-copy{min-width:0}
@keyframes hero-shutter-flash{0%{opacity:.85}100%{opacity:0}}
@media(max-width:1050px){.hero{gap:28px;grid-template-columns:.95fr 1.1fr}.app-phone-pair{gap:12px}.app-phone>figcaption{flex-direction:column;align-items:flex-start;gap:3px}.ui-device{border-radius:22px}.scene-export{gap:35px}.header nav{gap:13px}.header-actions{gap:12px}.header nav{font-size:13px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:36px}.session.app-session{max-width:540px;padding:0}.app-phone-pair{gap:14px}.app-phone>figcaption{flex-direction:row;align-items:center}.app-phone>figcaption strong{font-size:13px}.app-phone>figcaption span{font-size:10px}.ui-device{border-radius:20px}.scene-export{grid-template-columns:1fr;gap:35px}.scene-files{padding:22px}.scene-file-list{margin-left:15px;padding-left:15px}.scene-export-lead{font-size:15px}.header nav{gap:20px;font-size:13px}.hero-photo-credit{font-size:11px}.hero-ui-note{font-size:11px}.hero-sync-status{font-size:12px}}
@media(max-width:360px){.app-phone-pair{gap:10px}.app-phone>figcaption{flex-direction:column;align-items:flex-start;gap:3px}.ui-device{border-radius:17px}.header nav{gap:16px;font-size:12px}.scene-file-list code{font-size:11px}.scene-files{padding:18px}}
@media(prefers-reduced-motion:reduce){.app-session.hero-flashing .ui-capture-flash{animation:none}}
/* Peer layout follows the supplied on-device capture screen. */
.peer-phone .ui-role{background:#153c53}.peer-phone .ui-scene-chip{color:#f4f4f4}.peer-phone .ui-params{gap:.6cqw;padding-inline:1.5cqw}.peer-phone .ui-params span{font-size:2.2cqw}.peer-phone .ui-params strong{font-size:3.3cqw;white-space:nowrap}.peer-phone .ui-params small{font-size:2.2cqw;color:#858585}.peer-motion-line{gap:1cqw;white-space:nowrap;padding-top:3cqw;font-size:2.7cqw}.peer-motion-line>span:first-child{line-height:1;color:#ff9f0a;font-size:3cqw}.peer-motion-line>span:first-child svg{width:4.5cqw;height:4.5cqw}.peer-motion-line strong{color:#ff9f0a;font-size:3.3cqw}.peer-motion-line.peer-still>span:first-child,.peer-motion-line.peer-still strong{color:#30d158}.peer-motion-line>span:last-child{margin-left:auto}.peer-lens-status{display:flex;align-items:center;gap:.7cqw;font-size:2.6cqw}.peer-lens-status svg{width:4cqw;height:4cqw}.peer-clock-line{display:flex;gap:1.5cqw;align-items:center;padding:2cqw 2cqw 0;font-size:2.8cqw;white-space:nowrap;margin-bottom:17cqw}.peer-clock-line svg{width:4cqw;height:4cqw}.peer-clock-line>span:last-child{color:#888;margin-left:1cqw;font-size:2.7cqw}.peer-phone .ui-viewfinder{flex:none;height:66cqw}.peer-phone .ui-front{outline:0}.peer-phone .ui-lens-labels span+span{color:#f4f4f4}.peer-phone .ui-mode-row{padding-top:13cqw}.peer-phone .ui-lens-choice{padding-block:3.5cqw 5cqw}.peer-wait-row{display:flex;align-items:center;gap:2.5cqw;padding:0 1cqw}.peer-camera-icon{display:flex;align-items:center;justify-content:center;width:18cqw;height:15cqw;border-radius:50%;background:linear-gradient(#262626,#1b1b1b);border:1px solid #ffffff24;flex-shrink:0}.peer-camera-icon svg{width:7cqw;height:7cqw}.peer-wait-pill{display:flex;align-items:center;justify-content:center;gap:2cqw;flex:1;min-width:0;height:14cqw;border-radius:15cqw;background:linear-gradient(#242424,#1a1a1a);border:1px solid #ffffff24;font-size:3.7cqw;white-space:nowrap}.peer-wait-pill svg{width:4cqw;height:5cqw;flex-shrink:0}.peer-phone .ui-take-count{margin-top:3cqw}.peer-phone .ui-home-bar{margin-top:auto}
.hero-sync-controls .glass-button{display:inline-flex;align-items:center;justify-content:center;padding:10px 17px;border:1px solid #ffffff33;border-radius:28px;background:linear-gradient(145deg,#ffffff1c,#ffffff09);box-shadow:inset 0 1px 0 #ffffff12;cursor:pointer}.hero-sync-controls .glass-button:disabled{opacity:.7;cursor:wait}
.scene-operation-video{margin:26px 0 0}.scene-video-frame{position:relative;aspect-ratio:1180/330;background:#000;border:1px solid #ffffff20;border-radius:15px;overflow:hidden}.scene-video-frame video,.scene-video-frame img{display:block;width:100%;height:100%;object-fit:contain}.scene-video-frame img{position:absolute;inset:0;pointer-events:none}.scene-video-frame img[hidden]{display:none}.scene-operation-video figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:11px;color:#929ba3;margin-top:10px}.scene-video-play{background:none;color:var(--orange);border:0;border-bottom:1px solid #855a3c;font-size:12px;padding:0;cursor:pointer}.scene-video-play[hidden]{display:none}
#scene-management-reverse{position:absolute;inset:0}.scene-video-frame video[hidden]{display:none}.scene-video-frame img{z-index:2}