:root{color-scheme:light;--canvas:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#77777d;--blue:#0071e3;--blue-tint:#eaf3fd;--line:#e8e8ed;--green:#287d5a;--green-tint:#edf7f0;--amber:#9b6419;--amber-tint:#fff5e4;--red:#b8453a;--display:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;--mono:"SFMono-Regular",Consolas,monospace;--shadow:0 16px 60px #1b2d4e0a;--radius:22px}
*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink);font:14px/1.6 var(--display);-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.44}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #0071e370;outline-offset:3px}h1,h2,h3,h4,p{margin:0}button svg,a svg{flex-shrink:0}svg{width:18px;height:18px;vertical-align:middle;stroke-width:1.7}.hidden,[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:18px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:12px}.site-header{height:72px;border-bottom:1px solid #e4e4ea;background:#ffffffd9;backdrop-filter:blur(22px);position:sticky;top:0;z-index:30}.nav-wrap{height:100%;max-width:1480px;margin:auto;padding:0 42px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:9px;font-size:24px;font-weight:740;letter-spacing:-1.1px}.brand-dot{color:var(--blue)}.brand-mark{height:25px;display:flex;align-items:center;gap:3px}.brand-mark i{display:block;width:3px;border-radius:3px;background:var(--ink);height:10px}.brand-mark i:nth-child(2),.brand-mark i:nth-child(4){height:19px}.brand-mark i:nth-child(3){height:26px}.nav-links{display:flex;gap:30px;align-items:center;font-size:13px}.nav-links a{color:var(--muted);padding:25px 0;position:relative}.nav-links a.active{color:var(--ink);font-weight:600}.nav-links a.active:after{content:"";height:2px;background:var(--ink);position:absolute;bottom:12px;left:0;right:0}.header-actions{display:flex;gap:8px;align-items:center}.icon-button{border:0;background:none;width:40px;height:40px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center}.icon-button:hover{background:#00000007}.quiet-button{background:none;border:0;padding:8px 10px;display:inline-flex;align-items:center;gap:7px;color:var(--muted);font-size:13px;border-radius:9px}.quiet-button:hover{background:#00000005;color:var(--ink)}.button{min-height:42px;display:inline-flex;justify-content:center;align-items:center;gap:8px;border:1px solid transparent;border-radius:12px;padding:10px 18px;font-weight:550;font-size:13px;line-height:1.4;transition:background .2s,transform .2s;white-space:nowrap}.button:hover:not(:disabled){transform:translateY(-1px)}.button-primary{background:var(--blue);color:#fff;box-shadow:0 3px 8px #0071e316}.button-primary:hover:not(:disabled){background:#0078ed}.button-light{background:#f1f1f5;color:var(--ink)}.button-light:hover:not(:disabled){background:#e9e9ee}.button-outline{background:transparent;border-color:var(--line)}.button-white{background:#fff;color:#1d1d1f}.button-lg{min-height:49px;padding:13px 23px;font-size:14px;border-radius:14px}.button-small{min-height:34px;padding:7px 12px;font-size:12px;border-radius:9px}.button-danger{background:#fff0ee;color:var(--red)}.text-link{border:0;background:none;padding:0;color:var(--blue);font-weight:500;display:inline-flex;gap:5px;align-items:center;font-size:13px}.muted{color:var(--muted)}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:4px 9px;background:#f1f1f4;font-size:11px;line-height:1.4;white-space:nowrap}.pill.blue{color:#0064c8;background:var(--blue-tint)}.pill.green{color:var(--green);background:var(--green-tint)}.pill.amber{color:var(--amber);background:var(--amber-tint)}.dot{width:5px;height:5px;background:currentColor;border-radius:50%}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.4px;text-transform:uppercase;color:var(--muted)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{font-size:25px;font-weight:660;letter-spacing:-.6px}.section-heading p{font-size:13px;color:var(--muted);margin-top:5px}.loading-screen{height:60vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:16px;color:var(--muted)}.loader{display:inline-block;width:21px;height:21px;border-radius:50%;border:2px solid #0071e329;border-top-color:var(--blue);animation:spin .9s linear infinite}.loader.small{width:14px;height:14px}.toast{position:fixed;z-index:200;bottom:28px;left:50%;transform:translateX(-50%);max-width:min(650px,calc(100% - 32px));background:#26262aec;color:#fff;padding:13px 20px;border-radius:14px;font-size:13px;box-shadow:0 8px 40px #0002;backdrop-filter:blur(16px)}
/* The story leads. The controls stay quiet. */
.home{max-width:1276px;margin:auto;padding:0 42px 70px}.hero{padding:59px 0 35px;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.hero .eyebrow{color:var(--blue);letter-spacing:1.5px;font-size:12px;margin-bottom:14px}.hero h1{font-size:clamp(38px,4.35vw,63px);line-height:1.16;letter-spacing:-3px;font-weight:730}.hero h1 span{color:#86868b}.hero-copy{padding-bottom:4px;max-width:280px}.hero-copy p{font-size:14px;line-height:1.9;color:var(--muted)}.hero-copy .text-link{margin-top:15px}.feature-film{border-radius:25px;overflow:hidden;background:#172126;min-height:410px;position:relative;color:#fff;box-shadow:0 20px 55px #14283414;isolation:isolate}.feature-film>img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;z-index:-2}.feature-film:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#08191ade 0,#08191a88 42%,#08191a00 85%),linear-gradient(0deg,#06141666,transparent 60%);z-index:-1}.feature-content{padding:47px 48px 43px;min-height:410px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}.feature-content .eyebrow{color:#ffffffe0;font-size:10px;letter-spacing:2.2px}.feature-content h2{font-size:39px;line-height:1.25;font-weight:620;letter-spacing:-1.2px;margin-top:10px}.feature-content p{font-size:14px;color:#ffffffe0;max-width:390px;margin:14px 0 24px;line-height:1.85}.feature-bottom{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.feature-bottom .text-link{color:#fff;font-size:12px}.feature-chip{position:absolute;right:25px;top:24px;display:flex;align-items:center;gap:6px;padding:6px 10px;border:1px solid #ffffff29;border-radius:20px;font-size:11px;color:#fffd;background:#ffffff09;backdrop-filter:blur(12px)}.feature-audio{position:absolute;right:31px;bottom:29px;border:1px solid #ffffff35;border-radius:13px;padding:10px 13px;max-width:315px;background:#0d242447;backdrop-filter:blur(18px);font-size:12px;color:#fffe;display:flex;gap:12px;align-items:center}.wave{display:flex;gap:3px;align-items:center;height:28px;color:#fff;flex-shrink:0}.wave i{height:11px;width:3px;background:currentColor;border-radius:3px}.wave i:nth-child(2n){height:21px}.wave i:nth-child(3n){height:27px}.journey{padding:28px 7px 32px;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;border-bottom:1px solid var(--line);margin-bottom:41px}.journey-item{display:flex;gap:12px;align-items:center;position:relative}.journey-item>svg{color:#747b87;width:20px;height:20px;flex-shrink:0}.journey-item strong{display:block;font-size:13px;font-weight:600}.journey-item small{display:block;color:var(--muted);font-size:11px;margin-top:1px}.journey-item:not(:last-child):after{content:"›";position:absolute;right:0;top:5px;color:#c2c2c9}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:21px}.project-card{border:1px solid var(--line);background:#fff;border-radius:18px;overflow:hidden;transition:transform .2s,box-shadow .2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-cover{display:block;position:relative;aspect-ratio:1.95;background:#ececf1;overflow:hidden}.project-cover img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.project-cover .pill{position:absolute;top:12px;left:12px;backdrop-filter:blur(10px);background:#ffffffec}.project-cover .duration{position:absolute;bottom:12px;right:12px;color:#fff;background:#0008;padding:2px 7px;border-radius:6px;font-size:10px;font-family:var(--mono)}.project-cover .cover-placeholder{height:100%;display:grid;place-content:center;color:#a8a8b2}.cover-placeholder svg{height:36px;width:36px}.project-details{padding:17px 18px}.project-details h3{font-size:15px;font-weight:620;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-details p{color:var(--muted);font-size:11px;margin:4px 0 15px}.project-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.project-card-footer .quiet-button{padding:4px;font-size:11px}.upload-card{border:1px dashed #d5d5df;border-radius:18px;min-height:255px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;background:#ffffff3d;transition:background .2s;cursor:pointer;text-align:center;padding:25px}.upload-card:hover,.upload-card.dragging{background:#fff}.upload-card>span{width:48px;height:48px;display:grid;place-content:center;border:1px solid var(--line);border-radius:14px;background:#fff;color:var(--blue)}.upload-card strong{font-weight:570;font-size:14px}.upload-card small{font-size:11px;color:var(--muted)}.home-footer{display:flex;justify-content:space-between;align-items:center;padding-top:50px;color:#8b8b92;font-size:11px}.home-footer p{font-size:12px;color:#64646c}.home-footer .brand{font-size:17px;color:#7e7e86}.footer-left{display:flex;align-items:center;gap:20px}
/* Production workspace */
.workspace{max-width:1540px;margin:auto;padding:26px 32px 35px}.project-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 22px}.breadcrumbs{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;margin-bottom:6px}.breadcrumbs a:hover{color:var(--blue)}.project-top h1{font-size:25px;letter-spacing:-.7px;font-weight:650}.project-title-row{display:flex;align-items:center;gap:13px;flex-wrap:wrap}.project-top-actions{display:flex;align-items:center;gap:8px}.workspace-grid{display:grid;grid-template-columns:202px minmax(320px,1fr) 336px;background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow);min-height:630px}.scenes-pane{background:#fbfbfc;border-right:1px solid var(--line);padding:20px 12px}.pane-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:0 8px;margin-bottom:16px}.pane-heading h2{font-size:13px;font-weight:620}.pane-heading span{color:var(--muted);font-size:11px}.scene-tabs{display:flex;padding:3px;border:1px solid #eeeef2;background:#f0f0f4;border-radius:9px;margin:0 4px 13px}.scene-tabs button{border:0;background:none;padding:6px 5px;border-radius:6px;flex:1;font-size:11px;color:var(--muted)}.scene-tabs button.active{background:#fff;box-shadow:0 1px 4px #00000008;color:var(--ink)}.scene-row{display:flex;width:100%;text-align:left;align-items:flex-start;gap:9px;border:1px solid transparent;background:none;border-radius:11px;padding:12px 9px;margin-bottom:5px}.scene-row:hover{background:#f0f2f6}.scene-row.selected{background:var(--blue-tint);border-color:#dceafd}.scene-number{font-family:var(--mono);font-size:10px;line-height:20px;min-width:20px;color:#a2a2a9}.scene-row.selected .scene-number{color:var(--blue)}.scene-info{min-width:0;flex:1}.scene-info strong{font-size:12px;font-weight:580;line-height:1.5;display:block}.scene-info>small{font-size:10px;color:var(--muted);display:block;margin-top:3px;font-family:var(--mono)}.scene-state{display:flex;align-items:center;gap:4px;font-size:10px;color:#939399;margin-top:7px}.scene-state svg{height:12px;width:12px}.scene-state.attention{color:var(--amber)}.scene-state.confirmed{color:var(--green)}.scene-empty{font-size:12px;color:var(--muted);padding:25px 10px;line-height:1.8}.scene-complete{margin:20px 8px 0;padding-top:17px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.scene-complete .progress-bar{margin-top:10px}.progress-bar{height:4px;background:#e9e9ef;border-radius:3px;overflow:hidden}.progress-bar i{display:block;background:var(--blue);height:100%;border-radius:3px;transition:width .5s}.preview-pane{padding:20px;min-width:0}.preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px}.segmented{display:flex;gap:2px;padding:3px;background:#f0f0f4;border-radius:9px}.segmented button{border:0;padding:5px 13px;border-radius:7px;background:none;font-size:11px;color:var(--muted);display:flex;align-items:center;gap:5px;min-height:29px}.segmented button.active{background:#fff;color:var(--ink);box-shadow:0 1px 4px #0000000a}.segmented button svg{height:13px;width:13px}.preview-toolbar .quiet-button{font-size:11px;padding:4px}.video-shell{position:relative;aspect-ratio:16/9;border-radius:12px;overflow:hidden;background:#15191b;isolation:isolate}.video-shell video{display:block;width:100%;height:100%;object-fit:contain}.video-overlay-play{position:absolute;inset:0;display:grid;place-content:center;border:0;background:linear-gradient(0deg,#0000000a,#00000000);width:100%;color:#fff}.video-overlay-play span{width:53px;height:53px;border-radius:50%;background:#ffffff23;backdrop-filter:blur(15px);border:1px solid #ffffff61;display:grid;place-content:center}.video-overlay-play svg{height:23px;width:23px;fill:#fff;stroke-width:0;margin-left:3px}.video-label{position:absolute;top:13px;left:14px;color:#fff;font-size:9px;letter-spacing:1.5px;pointer-events:none;text-shadow:0 1px 3px #000}.video-caption{position:absolute;bottom:16px;left:20px;right:20px;text-align:center;color:#fff;font-size:14px;text-shadow:0 1px 4px #000;background:#0006;padding:5px 9px;border-radius:5px;pointer-events:none}.player-controls{display:flex;align-items:center;gap:9px;padding:8px 0 3px}.player-controls .icon-button{width:31px;height:34px;border-radius:8px}.player-controls .icon-button svg{width:16px;height:16px}.player-controls .time{font:10px var(--mono);color:var(--muted)}input[type=range]{accent-color:var(--blue);cursor:pointer;min-width:0}.player-controls input{flex:1;height:3px;margin:0 3px}.timeline{display:flex;align-items:center;gap:12px;margin:10px 0 20px}.timeline>span{font-size:10px;white-space:nowrap;color:var(--muted)}.timeline-track{height:22px;background:#f4f4f7;border-radius:5px;position:relative;flex:1;overflow:hidden}.timeline-cue{position:absolute;top:3px;height:16px;border:0;border-radius:3px;background:#cde3fc;padding:0;overflow:hidden}.timeline-cue.selected{background:#77b6f7}.timeline-cue.conflict{background:#f2d4a6}.timeline-cue:after{content:"";height:9px;position:absolute;top:3px;left:7px;right:7px;background:repeating-linear-gradient(90deg,#0071e35c 0,#0071e35c 2px,transparent 2px,transparent 5px);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent)}.playhead{position:absolute;width:1px;height:100%;background:var(--blue);pointer-events:none}.evidence-section{border-top:1px solid var(--line);padding-top:17px}.section-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:11px}.section-label>span{display:flex;align-items:center;gap:6px}.section-label svg{height:13px;width:13px}.evidence-body{display:flex;gap:14px;align-items:flex-start}.evidence-thumb{padding:0;border:0;background:#f2f2f5;border-radius:7px;overflow:hidden;width:108px;flex-shrink:0;aspect-ratio:16/10;position:relative}.evidence-thumb img{width:100%;height:100%;object-fit:cover}.evidence-thumb span{position:absolute;bottom:3px;right:4px;color:#fff;font:9px var(--mono);background:#0007;padding:1px 4px;border-radius:3px}.evidence-body p{font-size:12px;line-height:1.8;color:#50505a}.fact-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px}.fact-chips span{font-size:10px;padding:3px 7px;border-radius:5px;background:#f4f4f7;color:#75757d}.sound-note{padding:12px 0 0;display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.8}.sound-note svg{width:14px;height:14px;flex-shrink:0;margin-top:3px}.issue-inline{padding:10px 11px;border-radius:9px;background:var(--amber-tint);color:#8b631f;font-size:11px;margin:12px 0;line-height:1.7;display:flex;gap:7px;align-items:flex-start}.issue-inline svg{width:14px;height:14px;flex-shrink:0;margin-top:2px}.editor-pane{border-left:1px solid var(--line);padding:21px 22px;min-width:0;display:flex;flex-direction:column}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.editor-top h2{font-size:14px;font-weight:620}.field-label{font-size:11px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:7px}.field-label strong{font-weight:500}.field{width:100%;border:1px solid #e0e0e6;background:#fff;border-radius:9px;padding:10px 11px;outline:none;color:var(--ink);font-size:12px;min-height:39px}.field:focus{border-color:#90bfea}.field-area{resize:vertical;line-height:1.95;min-height:119px;font-size:13px;padding:12px}.category-select{margin-bottom:15px;min-height:36px;padding:6px 9px;font-size:11px}.editor-count{display:flex;justify-content:space-between;gap:10px;color:var(--muted);font-size:10px;margin:5px 0 11px}.editor-save{display:flex;justify-content:space-between;gap:7px;align-items:center;margin-bottom:17px}.editor-save .muted{font-size:10px}.suggestion{border:1px solid #dfebf9;border-radius:11px;padding:12px;background:#f5f9ff;margin-bottom:17px}.suggestion-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#3477b7;margin-bottom:8px;gap:8px}.suggestion-top>span{display:flex;gap:5px;align-items:center}.suggestion-top svg{width:13px;height:13px}.suggestion>p{font-size:12px;line-height:1.8}.suggestion>small{display:block;font-size:10px;color:#7a8a9d;line-height:1.7;margin-top:6px}.suggestion-actions{display:flex;gap:8px;margin-top:10px}.timing-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.timing-row .field{font-family:var(--mono);font-size:11px;padding:7px 9px;min-height:34px}.audio-status{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:11px}.audio-status strong{font-weight:550;font-family:var(--mono);font-size:12px}.audio-status .sub{color:var(--muted);font-size:10px;display:block;margin-top:2px}.audio-actions{display:flex;gap:7px;margin-bottom:14px}.audio-actions .button{flex:1;font-size:11px}.confirm-scene{margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}.confirm-scene>.button{width:100%;font-size:12px}.confirm-scene>p{font-size:10px;color:var(--muted);margin:8px 0 0;text-align:center;line-height:1.65}.check-label{display:flex;align-items:flex-start;gap:7px;font-size:11px;color:var(--muted);line-height:1.6}.check-label input{accent-color:var(--blue);margin:3px 0 0}.processing-panel{padding:18px 21px;border:1px solid var(--line);border-radius:15px;background:#fff;margin-top:15px}.job-head{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:12px}.job-head>div{display:flex;align-items:center;gap:9px}.job-head strong{font-weight:530}.job-head small{font-size:10px;color:var(--muted);margin-left:7px}.job-actions{display:flex;gap:8px}.job-steps{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:17px}.job-step{position:relative;color:#aaaab0;display:flex;align-items:center;gap:7px;font-size:10px}.job-step span{width:19px;height:19px;border:1px solid #e0e0e7;border-radius:50%;font-size:9px;display:grid;place-content:center;font-family:var(--mono)}.job-step.active{color:var(--blue)}.job-step.active span{background:var(--blue-tint);border-color:#b9d8fc}.job-step.done{color:var(--green)}.job-step.done span{background:var(--green-tint);border-color:#d7e8db}.job-step:not(:last-child):after{content:"";position:absolute;right:8px;left:100px;height:1px;background:var(--line)}.job-log{margin-top:14px;font-size:11px;color:var(--muted)}.job-log summary{cursor:pointer}.job-log ol{margin:8px 0 0;padding-left:18px}.workspace-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:19px;font-size:11px;color:var(--muted)}.empty-project{grid-column:1/-1;min-height:470px;padding:60px;display:flex;align-items:center;justify-content:center;gap:45px}.empty-project .intro-picture{width:47%;aspect-ratio:16/10;border-radius:15px;object-fit:cover}.empty-project h2{font-size:27px;font-weight:630;letter-spacing:-.7px;margin:10px 0}.empty-project p{font-size:13px;color:var(--muted);max-width:350px;line-height:1.9;margin-bottom:25px}.empty-project .loader{margin-bottom:13px}.processing-explainer{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.processing-explainer span{font-size:10px;color:#8594a0;background:#f1f5f9;padding:4px 7px;border-radius:5px}
/* Listen, then deliver. */
.review-layout{display:grid;grid-template-columns:minmax(420px,1fr) 340px;gap:22px}.review-main,.review-checklist{background:#fff;border:1px solid var(--line);border-radius:19px;padding:25px}.review-main .video-shell{border-radius:13px}.review-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.review-title h2{font-size:16px;font-weight:620}.review-title p{font-size:11px;color:var(--muted);margin-top:4px}.review-placeholder{aspect-ratio:16/9;border-radius:13px;background:#f1f3f6;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:35px;text-align:center;gap:12px}.review-placeholder>svg{width:34px;height:34px;color:#a6b4c3}.review-placeholder h3{font-size:18px;font-weight:570}.review-placeholder p{font-size:12px;color:var(--muted);max-width:290px;margin-bottom:10px}.listen-confirm{margin-top:19px;padding-top:20px;border-top:1px solid var(--line);display:flex;align-items:center;gap:16px;justify-content:space-between}.listen-confirm p{font-size:11px;color:var(--muted);margin-top:4px}.listen-confirm h3{font-size:13px;font-weight:560}.review-checklist h2{font-size:16px;font-weight:610;margin-bottom:7px}.review-checklist>p{font-size:11px;color:var(--muted);margin-bottom:20px}.review-item{display:flex;gap:10px;align-items:flex-start;padding:15px 0;border-top:1px solid var(--line)}.check-circle{border:1px solid #e0e0e6;color:#b0b0b8;width:23px;height:23px;border-radius:50%;display:grid;place-content:center;flex-shrink:0;margin-top:1px}.check-circle svg{width:12px;height:12px}.check-circle.done{background:var(--green-tint);color:var(--green);border-color:#d7e8db}.review-item strong{font-size:12px;font-weight:570}.review-item p{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.7}.review-item .text-link{font-size:11px;margin-top:6px}.publish-button{width:100%;margin-top:16px}.review-safety-note{font-size:10px!important;line-height:1.75;text-align:center;margin:12px 0 0!important}.mix-controls{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;align-items:end;margin-top:20px;padding-top:19px;border-top:1px solid var(--line)}.mix-controls label{font-size:11px;color:var(--muted)}.mix-controls input{width:100%;display:block;height:3px;margin:12px 0 6px}.versions-section,.feedback-section{margin-top:31px}.versions-section .section-heading,.feedback-section .section-heading{margin-bottom:15px}.versions-section h2,.feedback-section h2{font-size:20px}.version-row{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);background:#fff;border-radius:13px;padding:17px 20px;margin-top:9px}.version-info{display:flex;align-items:center;gap:13px}.version-icon{background:var(--green-tint);color:var(--green);width:35px;height:40px;display:grid;place-content:center;border-radius:8px}.version-info h3{font-size:13px;font-weight:570}.version-info p{font-size:10px;color:var(--muted);margin-top:3px}.version-actions{display:flex;align-items:center;gap:8px}.feedback-row{border:1px solid var(--line);background:#fff;border-radius:12px;padding:17px 19px;margin:8px 0;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.feedback-row h3{font-size:12px;font-weight:540;display:flex;align-items:center;gap:8px}.feedback-row p{font-size:12px;margin-top:5px;color:#64646c}.feedback-row small{font-size:10px;color:var(--muted);display:block;margin-top:7px}.empty-note{padding:20px;background:#ffffff80;border:1px solid var(--line);border-radius:13px;color:var(--muted);font-size:12px}
/* The viewing experience has its own pace. */
.viewer-page{max-width:1060px;margin:auto;padding:40px 40px 70px}.viewer-title{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:24px}.viewer-title h1{font-size:32px;font-weight:650;letter-spacing:-1px;margin-top:7px}.viewer-title p{font-size:12px;color:var(--muted);margin-top:7px}.viewer-settings{display:flex;gap:8px}.viewer-settings button{min-height:45px;border:1px solid var(--line);border-radius:11px;background:#fff;padding:9px 13px;font-size:12px}.viewer-settings button.active{border-color:var(--blue);background:var(--blue-tint);color:var(--blue)}.viewer-player{background:#fff;border:1px solid var(--line);border-radius:19px;padding:18px;box-shadow:var(--shadow)}.viewer-player .video-shell{border-radius:12px}.viewer-player .video-caption{font-size:19px}.viewer-player .player-controls{padding:12px 2px 3px;gap:13px}.viewer-player .player-controls .icon-button{min-width:48px;min-height:48px}.viewer-player .player-controls .time{font-size:12px}.viewer-player .player-controls input{height:5px}.viewer-listening{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:16px;padding:19px 4px 3px;border-top:1px solid var(--line)}.viewer-listening .button{min-height:48px;font-size:14px}.viewer-listening p{font-size:12px;color:var(--muted);margin-top:4px}.viewer-listening strong{font-size:14px;font-weight:570}.viewer-current{margin-top:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px 26px;display:flex;gap:22px;align-items:flex-start}.viewer-current>svg{width:25px;height:25px;color:var(--blue);flex-shrink:0;margin-top:5px}.viewer-current h2{font-size:11px;color:var(--muted);font-weight:500;margin-bottom:9px}.viewer-current p{font-size:18px;line-height:1.95;min-height:35px}.viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:21px;font-size:11px;color:var(--muted)}.viewer-bottom .button{min-height:48px}.viewer-keyboard{font-size:11px;color:var(--muted);margin-top:24px;text-align:center}.viewer-keyboard kbd{font-family:inherit;font-size:10px;border:1px solid #dcdce2;padding:1px 5px;border-radius:4px;margin:0 3px;background:#fff}.viewer-page.large-text{font-size:18px}.viewer-page.large-text .viewer-current p{font-size:25px}.viewer-page.large-text .viewer-title p,.viewer-page.large-text .viewer-listening p,.viewer-page.large-text .viewer-bottom,.viewer-page.large-text .button{font-size:16px}.viewer-page.large-text .viewer-player .video-caption{font-size:24px}body.high-contrast{--canvas:#080808;--surface:#080808;--ink:#fff;--muted:#ddd;--line:#666;--blue:#82beff;--blue-tint:#153857;background:#080808;color:#fff}body.high-contrast .site-header{background:#080808}body.high-contrast .brand-mark i{background:#fff}body.high-contrast .viewer-player,body.high-contrast .viewer-current,body.high-contrast .viewer-settings button{background:#111;color:#fff}body.high-contrast .button-light{background:#333;color:#fff}body.high-contrast .button-primary{background:#82beff;color:#000}body.high-contrast kbd{background:#222;border-color:#aaa}
/* Dialogs */
dialog{padding:0;border:1px solid #e2e2e8;border-radius:23px;box-shadow:0 35px 120px #0003;width:min(530px,calc(100% - 32px));max-height:90vh;background:#fff;color:#1d1d1f}dialog::backdrop{background:#1c223050;backdrop-filter:blur(8px)}.dialog-content{padding:29px 31px 31px}.dialog-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:17px}.dialog-top .eyebrow{font-size:9px;letter-spacing:1.9px}.dialog-top .icon-button{margin:-10px -9px -10px 0}dialog h2{font-size:25px;letter-spacing:-.6px;font-weight:650;margin-bottom:11px}dialog .dialog-description{font-size:13px;color:#77777d;line-height:1.85;margin-bottom:23px}.dialog-fields{display:flex;flex-direction:column;gap:14px}.dialog-fields .field-label{color:#77777d}.dialog-fields .field{font-size:12px;background:#fff;color:#1d1d1f}.dialog-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-detail{padding:16px 0;border-top:1px solid #e8e8ed}.dialog-detail h3{font-size:13px;font-weight:570;margin-bottom:6px}.dialog-detail p{font-size:12px;color:#77777d;line-height:1.85}.dialog-note{font-size:11px;color:#888890;line-height:1.8;margin-top:13px}.form-status{display:flex;align-items:center;gap:8px;padding:12px 13px;border-radius:10px;background:#f3f7fa;font-size:12px;color:#47637a;margin-bottom:20px}.dialog-time{background:#f4f4f7;padding:12px 14px;border-radius:10px;font-size:12px;margin-bottom:19px;display:flex;align-items:center;gap:10px}.dialog-time svg{color:var(--blue)}.error-screen{min-height:65vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;text-align:center;padding:35px}.error-screen h1{font-size:26px}.error-screen p{color:var(--muted);max-width:430px;font-size:13px}.upload-progress{height:5px;border-radius:3px;background:#e9edf2;overflow:hidden;margin-top:16px}.upload-progress i{display:block;height:100%;background:var(--blue);width:0;transition:width .2s}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.home,.workspace,.viewer-page{animation:appear .35s ease-out}@media(min-width:1600px){.workspace{padding-top:35px}.workspace-grid{grid-template-columns:220px minmax(400px,1fr) 360px;min-height:660px}.preview-pane{padding:25px}.editor-pane{padding:25px}.feature-film,.feature-content{min-height:440px}}@media(max-width:1180px){.nav-wrap{padding:0 26px}.workspace{padding:22px 20px}.workspace-grid{grid-template-columns:164px minmax(270px,1fr) 304px}.scene-row{padding:11px 6px;gap:4px}.scenes-pane{padding:18px 8px}.editor-pane{padding:18px 17px}.preview-pane{padding:18px 16px}.preview-toolbar .quiet-button span{display:none}.evidence-body{display:block}.evidence-thumb{float:left;width:92px;margin:0 11px 6px 0}.feature-audio{max-width:245px;font-size:11px}.home{padding:0 30px 50px}.journey{gap:12px}.journey-item{gap:7px}.journey-item strong{font-size:12px}.journey-item small{font-size:10px}.journey-item:not(:last-child):after{display:none}.job-step:not(:last-child):after{left:95px}.review-layout{grid-template-columns:minmax(380px,1fr) 300px;gap:17px}.review-main,.review-checklist{padding:20px}.mix-controls{gap:13px}.hero-copy{max-width:230px}.hero h1{font-size:49px}}@media(max-width:960px){.workspace-grid{grid-template-columns:155px minmax(0,1fr)}.editor-pane{grid-column:1/-1;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:0 25px;padding:24px}.editor-top{grid-column:1/-1}.editor-form-block{grid-column:1}.editor-audio-block{grid-column:2;grid-row:2}.confirm-scene{grid-column:1/-1;margin-top:15px}.confirm-scene>.button{width:auto;min-width:200px}.confirm-scene>p{text-align:left}.workspace-grid{min-height:0}.preview-pane{padding:20px}.hero{padding-top:42px}.hero h1{font-size:43px;letter-spacing:-2px}.hero-copy{max-width:220px}.hero-copy p{font-size:12px}.feature-content{padding:36px}.feature-content h2{font-size:34px}.feature-audio{display:none}.journey{grid-template-columns:repeat(5,1fr);padding-left:0;padding-right:0}.journey-item>svg{display:none}.project-grid{grid-template-columns:repeat(2,1fr)}.review-layout{grid-template-columns:1fr}.review-checklist{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}.review-checklist h2,.review-checklist>p,.review-checklist>.publish-button,.review-checklist>.review-safety-note{grid-column:1/-1}.review-checklist>p{margin-bottom:7px}.publish-button{width:auto;justify-self:end;min-width:220px}.review-safety-note{justify-self:end}.viewer-page{padding:30px}.project-top-actions .button{padding:9px 12px}.version-actions{gap:5px}.nav-links{gap:20px}}
@media(max-width:680px){.site-header{height:62px}.nav-wrap{padding:0 20px;gap:15px}.brand{font-size:22px}.nav-links{display:none}.header-actions .quiet-button{padding:7px}.header-actions .quiet-button span{display:none}.home{padding:0 19px 40px}.hero{display:block;padding:35px 2px 24px}.hero h1{font-size:42px;letter-spacing:-2px}.hero .eyebrow{font-size:10px;margin-bottom:13px}.hero-copy{max-width:none;margin-top:16px}.hero-copy p{font-size:12px;max-width:330px}.hero-copy .text-link{margin-top:10px}.feature-film,.feature-content{min-height:373px}.feature-content{padding:28px 26px}.feature-content h2{font-size:31px;max-width:265px;margin-top:12px}.feature-content p{font-size:12px;max-width:260px;margin:13px 0 21px}.feature-chip{font-size:9px;top:20px;right:18px}.feature-content .eyebrow{font-size:8px;max-width:175px}.feature-bottom{gap:15px}.feature-bottom .button{font-size:12px;min-height:43px;padding:11px 15px}.feature-bottom .text-link{font-size:11px}.journey{grid-template-columns:repeat(3,1fr);gap:17px 10px;padding:23px 2px 26px;margin-bottom:29px}.journey-item:nth-child(n+4){display:none}.journey-item strong{font-size:11px}.journey-item small{font-size:9px}.section-heading{gap:10px;margin-bottom:17px}.section-heading h2{font-size:22px}.section-heading p{font-size:11px}.section-heading>.button{padding:9px 12px;font-size:11px;min-height:38px}.project-grid{grid-template-columns:1fr;gap:16px}.project-cover{aspect-ratio:2.25}.upload-card{min-height:165px}.home-footer{padding-top:33px;gap:16px;align-items:flex-start}.footer-left{display:block}.home-footer .brand{font-size:18px}.home-footer p{font-size:10px;margin-top:7px}.home-footer>span{font-size:9px}.workspace{padding:19px 13px 30px}.project-top{align-items:flex-start;gap:13px;margin-bottom:18px;flex-wrap:wrap}.project-top h1{font-size:21px}.project-title-row{gap:8px}.project-title-row .pill{font-size:9px}.project-top-actions{width:100%;justify-content:flex-end}.project-top-actions .quiet-button{margin-right:auto;padding-left:0}.project-top-actions .button{min-height:37px;font-size:11px}.breadcrumbs{font-size:10px}.workspace-grid{display:flex;flex-direction:column;border-radius:15px}.scenes-pane{border-right:0;border-bottom:1px solid var(--line);padding:13px 10px}.pane-heading{margin-bottom:8px;padding:0 5px}.scene-tabs{display:none}.scene-list{display:flex;overflow:auto;gap:5px}.scene-row{min-width:139px;max-width:160px;flex-shrink:0;margin:0;padding:9px 7px}.scene-info strong{font-size:11px}.scene-info>small{font-size:9px}.scene-state{font-size:9px;margin-top:4px}.scene-number{font-size:9px;min-width:18px}.scene-complete{display:none}.preview-pane{padding:15px}.preview-toolbar{margin-bottom:11px}.segmented button{font-size:10px;padding:5px 10px}.video-shell{border-radius:9px}.player-controls{gap:7px}.player-controls .time{font-size:9px}.timeline{margin-bottom:16px}.evidence-body p{font-size:11px}.evidence-thumb{width:90px}.evidence-section{padding-top:14px}.editor-pane{display:block;padding:19px}.editor-top{margin-bottom:17px}.editor-audio-block{padding-top:2px}.field-area{min-height:106px}.editor-save{margin-bottom:18px}.suggestion{margin-bottom:18px}.confirm-scene>.button{width:100%}.confirm-scene>p{text-align:center}.job-steps{gap:5px}.job-step{font-size:9px;gap:4px;display:block;text-align:center}.job-step>span{margin:0 auto 6px}.job-step:not(:last-child):after{display:none}.processing-panel{padding:15px}.job-head{align-items:flex-start;font-size:11px;gap:10px}.job-head small{display:none}.job-actions .button{font-size:10px;min-height:30px;padding:6px 9px}.workspace-foot{font-size:10px;gap:10px;align-items:flex-start}.workspace-foot .text-link{font-size:10px}.empty-project{padding:28px 23px;display:block;min-height:0}.empty-project .intro-picture{width:100%;margin-bottom:23px;max-height:220px}.empty-project h2{font-size:23px}.empty-project p{font-size:12px;margin-bottom:20px}.review-main,.review-checklist{padding:17px;border-radius:15px}.review-checklist{display:block}.review-title{margin-bottom:15px}.review-title h2{font-size:15px}.listen-confirm{display:block}.listen-confirm .button{margin-top:13px;width:100%}.mix-controls{grid-template-columns:1fr 1fr;gap:17px}.mix-controls .button{grid-column:1/-1;justify-self:end}.publish-button{width:100%}.review-safety-note{text-align:center}.version-row{padding:15px;display:block}.version-actions{margin-top:14px;flex-wrap:wrap;gap:7px}.version-actions .button{font-size:10px;min-height:34px;padding:7px 9px}.feedback-row{padding:15px;gap:10px}.feedback-row .button{font-size:10px;padding:7px}.viewer-page{padding:24px 14px 45px}.viewer-title{display:block;margin-bottom:20px;padding:0 3px}.viewer-title h1{font-size:27px}.viewer-settings{margin-top:17px}.viewer-settings button{min-height:48px;flex:1;font-size:12px}.viewer-player{padding:9px;border-radius:14px}.viewer-player .video-shell{border-radius:9px}.viewer-player .player-controls{gap:4px}.viewer-player .player-controls .time{font-size:10px}.viewer-player .player-controls .icon-button{min-width:43px}.viewer-player .player-controls input{margin:0}.viewer-player .video-caption{font-size:14px;bottom:10px;left:10px;right:10px}.viewer-listening{padding:16px 6px 7px;gap:10px}.viewer-listening strong{font-size:12px}.viewer-listening p{font-size:10px}.viewer-listening .button{font-size:12px;padding:10px 12px}.viewer-current{padding:19px;gap:14px;margin-top:16px}.viewer-current p{font-size:16px}.viewer-current>svg{width:20px;height:20px}.viewer-bottom{font-size:10px;align-items:flex-start;padding:0 3px}.viewer-bottom .button{font-size:11px;padding:9px 12px}.viewer-keyboard{display:none}.dialog-content{padding:24px}.dialog-grid{grid-template-columns:1fr}dialog h2{font-size:23px}.dialog-actions .button{font-size:12px}.review-placeholder{padding:25px}.review-placeholder h3{font-size:16px}.review-placeholder p{font-size:11px}.video-caption{font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.viewer-library{max-width:1236px;margin:auto;padding:0 42px 64px}.library-hero{padding:64px 0 42px}.library-hero .eyebrow{color:var(--blue);margin-bottom:15px}.library-hero h1{font-size:clamp(34px,4.2vw,55px);letter-spacing:-2px;line-height:1.2;font-weight:710}.library-hero h1 span{color:#86868b}.library-hero>p:last-child{color:var(--muted);font-size:15px;margin-top:19px}.library-hero.compact{padding-bottom:35px}.continue-section{padding-bottom:44px;margin-bottom:36px;border-bottom:1px solid var(--line)}.continue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.continue-card{display:flex;align-items:center;gap:20px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:17px}.continue-card>img{width:132px;aspect-ratio:1.35;object-fit:cover;border-radius:11px}.continue-card>div{min-width:0;flex:1}.continue-card h3{font-size:16px;line-height:1.45}.continue-card p{font-size:12px;color:var(--muted);margin:5px 0 12px}.continue-card .progress-bar{max-width:220px;margin-bottom:6px}.continue-card .text-link{font-size:12px}.library-search{width:250px}.viewer-film-card .project-cover{display:block}.viewer-film-card .project-details{padding:21px}.viewer-film-card .project-details h3{font-size:18px}.viewer-film-card .project-details p{font-size:13px;margin:7px 0 19px}.viewer-film-card .pill svg{width:12px;height:12px}.viewer-library .project-grid{grid-template-columns:repeat(auto-fit,minmax(255px,1fr));max-width:1152px}.viewer-library .project-card{max-width:560px}.viewer-library .project-cover{aspect-ratio:1.95}.my-feedback-list{display:grid;gap:18px;max-width:950px}.my-feedback-card{padding:26px 29px;border:1px solid var(--line);background:#fff;border-radius:18px}.my-feedback-card .section-heading{margin-bottom:12px}.my-feedback-card h2{font-size:18px;letter-spacing:-.3px}.my-feedback-card>p{font-size:15px;line-height:1.8}.feedback-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:7px;margin:15px 0 2px;color:var(--muted);font-size:12px}.feedback-resolution{background:#f4f7fb;border-radius:11px;padding:17px 19px;margin-top:14px}.feedback-resolution strong{font-size:13px}.feedback-resolution p{margin-top:6px;font-size:14px;line-height:1.8}.feedback-resolution small{display:block;color:var(--muted);font-size:11px;margin-top:8px}.feedback-empty{border:1px solid var(--line);border-radius:20px;text-align:center;background:#fff;padding:55px 25px}.feedback-empty>svg{color:var(--blue);height:32px;width:32px;margin-bottom:16px}.feedback-empty h2{font-size:21px}.feedback-empty p{margin:10px 0 23px;color:var(--muted)}.resume-banner{display:flex;align-items:center;gap:12px;border:1px solid #dce7f5;background:#edf5ff;border-radius:14px;padding:16px 20px;margin-bottom:22px}.resume-banner p{margin-right:auto;color:#45607d;font-size:14px}.finished-note{font-size:13px;color:var(--muted);margin-bottom:18px}.version-choice-list{display:grid;gap:10px}.version-choice{padding:17px;background:#f5f5f8;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:13px}.version-choice strong{font-size:14px}.version-choice p{font-size:12px;color:var(--muted);margin-top:5px}.audition-video{display:block;width:100%;border-radius:12px;background:#111;max-height:420px}.fact-resolution{font-size:12px;line-height:1.75;resize:vertical;min-height:72px;margin-bottom:9px}.staff-resolution{font-size:12px!important;color:var(--green)!important;line-height:1.7;max-width:360px}.audio-actions+.button{margin:4px 0 10px;width:100%}
.viewer-mode .button,.viewer-mode .quiet-button,.viewer-mode .text-link,.viewer-mode .nav-links a,.viewer-mode .brand,.viewer-mode dialog button,.viewer-mode dialog select{min-height:48px;min-width:48px}.viewer-mode .text-link{padding:8px 0}.viewer-mode .icon-button,.viewer-mode .viewer-player .player-controls .icon-button{width:48px;height:48px;min-width:48px;min-height:48px}.viewer-mode .viewer-player .player-controls input{height:48px;min-width:42px;flex:1}.viewer-mode .viewer-player .player-controls .icon-button svg{width:20px;height:20px}.viewer-mode .player-controls{gap:6px}.viewer-mode .viewer-settings button{min-height:48px;min-width:48px}.viewer-mode .field{min-height:48px;font-size:14px}.viewer-mode :is(a,button,input,select,textarea):focus-visible{outline:3px solid #005cbb;outline-offset:4px}.viewer-mode .site-header .nav-links a{display:inline-flex;align-items:center;padding:10px 0}.viewer-mode .site-header .nav-links a.active:after{bottom:1px}.viewer-large .viewer-library p,.viewer-large .viewer-library a,.viewer-large .viewer-library input{font-size:17px}.viewer-large .my-feedback-card h2{font-size:23px}.viewer-large .viewer-library .project-details h3{font-size:23px}.high-contrast .library-hero h1 span,.high-contrast .library-hero>p:last-child{color:#fff}.high-contrast .continue-card,.high-contrast .my-feedback-card,.high-contrast .viewer-film-card,.high-contrast .feedback-empty{background:#19191b;border-color:#81818a}.high-contrast .feedback-resolution,.high-contrast .version-choice,.high-contrast .resume-banner{background:#262b34;border-color:#9eabc0;color:#fff}.high-contrast .resume-banner p{color:#fff}.high-contrast .field{background:#202023;border-color:#92929a;color:#fff}.high-contrast .text-link{color:#91c8ff}.high-contrast :is(a,button,input,select,textarea):focus-visible{outline-color:#fff}
@media(max-width:760px){.viewer-library{padding:0 20px 44px}.library-hero{padding:42px 0 32px}.library-hero h1{font-size:39px}.library-hero>p:last-child{font-size:14px}.continue-grid{grid-template-columns:1fr}.continue-section{padding-bottom:27px;margin-bottom:29px}.continue-card{gap:14px;padding:14px}.continue-card>img{width:110px}.library-search{width:180px}.viewer-library .section-heading{align-items:flex-start;flex-wrap:wrap}.viewer-library .section-heading h2{font-size:23px}.viewer-library .project-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.viewer-film-card .project-details{padding:16px}.viewer-film-card .project-details h3{font-size:15px}.viewer-film-card .project-details p{font-size:11px}.viewer-mode .nav-wrap{padding:0 16px;gap:12px}.viewer-mode .site-header .nav-links{display:flex;gap:20px;font-size:12px}.viewer-mode .site-header .header-actions{gap:0}.viewer-mode .site-header .brand{font-size:20px}.viewer-mode .site-header .brand-mark{display:none}.viewer-mode .viewer-player .player-controls{gap:3px}.viewer-mode .viewer-player .player-controls .icon-button{width:48px;min-width:48px;height:48px}.viewer-mode .viewer-player .player-controls .time{font-size:10px}.resume-banner{flex-wrap:wrap;padding:15px}.resume-banner p{width:100%}.resume-banner .button{flex:1}.my-feedback-card{padding:21px}.my-feedback-card .section-heading{align-items:center}.my-feedback-card h2{font-size:17px}.my-feedback-card>p{font-size:14px}.feedback-meta{font-size:11px}.viewer-title>div>p .text-link{margin-left:8px}.viewer-large .viewer-page{font-size:18px}}
@media(max-width:470px){.viewer-library .project-grid{grid-template-columns:1fr}.viewer-library .project-card{max-width:none}.viewer-film-card .project-details h3{font-size:19px}.viewer-film-card .project-details p{font-size:13px}.viewer-library .library-search{width:100%}.viewer-mode .site-header .nav-links{gap:15px}.viewer-mode .nav-wrap{gap:8px;padding:0 12px}.viewer-mode .viewer-player .player-controls .time{font-size:9px}.viewer-mode .viewer-player .player-controls input{min-width:30px}.viewer-mode .viewer-title h1{font-size:28px}.viewer-mode .viewer-title p{font-size:13px}.viewer-mode .viewer-bottom{display:block}.viewer-mode .viewer-bottom>div{margin-top:15px}.viewer-mode .viewer-current p{font-size:17px}.viewer-mode .viewer-listening strong{font-size:14px}.viewer-mode .viewer-listening p{font-size:12px}}
.viewer-mode .skip-link{min-height:48px;min-width:48px}.viewer-mode.high-contrast dialog{background:#111;color:#fff;border-color:#999}.viewer-mode.high-contrast dialog .dialog-description,.viewer-mode.high-contrast dialog .dialog-note,.viewer-mode.high-contrast dialog .dialog-detail p,.viewer-mode.high-contrast dialog .field-label{color:#ddd}.viewer-mode.high-contrast dialog .field{background:#242427;color:#fff;border-color:#999}.viewer-mode.high-contrast dialog .form-status,.viewer-mode.high-contrast dialog .dialog-time{background:#243044;color:#fff}

/* Feishu 01: editing scene and playback position are independent. */
.scene-context{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;margin-bottom:12px;padding:10px 12px;background:var(--blue-tint);border-radius:10px;font-size:12px}.scene-context strong{width:100%;font-weight:600}.scene-context .text-link{margin-left:auto;font-size:12px}

/* Feishu 02–03: perceivable controls and explicit version identity. */
.viewer-settings{flex-wrap:wrap}.dialog-status:not(:empty){padding:12px;margin-top:16px;border-radius:8px;background:var(--blue-tint);color:var(--ink)}
.project-version-meta{margin:14px 0;font-size:12px}.project-version-meta>div{display:flex;gap:10px;margin:5px 0}.project-version-meta dt{color:var(--muted);flex:0 0 56px}.project-version-meta dd{margin:0;overflow-wrap:anywhere}.project-card-footer{flex-wrap:wrap;gap:12px}.project-identity{font-size:11px}.version-choice-list{margin-top:20px}.version-choice{gap:16px}.version-choice strong{overflow-wrap:anywhere}.version-choice>span{flex-shrink:0}
body.viewer-large .viewer-settings button,body.viewer-large .nav-links a,body.viewer-large .text-link,body.viewer-large .button,body.viewer-large dialog :is(p,button,a,label,input,select,textarea,small,strong,span),body.viewer-large .viewer-title p,body.viewer-large .viewer-listening :is(p,strong),body.viewer-large .viewer-bottom,body.viewer-large .viewer-keyboard,body.viewer-large .player-controls .time{font-size:18px!important;line-height:1.7}body.viewer-large dialog h2{font-size:26px}body.viewer-large .viewer-current p{font-size:25px!important}body.viewer-large .button,body.viewer-large .pill{white-space:normal}body.viewer-large .viewer-title{flex-wrap:wrap}body.viewer-large .version-choice{flex-wrap:wrap}.viewer-mode .dialog-status{font-size:16px}.high-contrast .dialog-status{background:#262b34;color:#fff}

/* Feishu 04: explicit return links. */
.viewer-back{margin:0 0 18px}.viewer-library>.viewer-back{margin-top:22px}.viewer-library>.viewer-back+.library-hero{padding-top:8px}
/* Feishu 05: desktop core workflow stays in the viewport. */
.scene-workspace{max-width:1800px;padding:16px 24px 24px;margin:auto}.scene-workspace .project-top{margin-bottom:12px}.scene-workspace .project-top h1{font-size:24px}.scene-workspace .breadcrumbs{margin-bottom:5px}.scene-workspace .workspace-grid{grid-template-columns:190px minmax(320px,1fr) 360px;min-height:0;align-items:stretch}.scene-workspace .scenes-pane,.scene-workspace .preview-pane,.scene-workspace .editor-pane{min-height:0;padding:16px}.scene-workspace .scenes-pane{display:flex;flex-direction:column}.scene-workspace .scene-list{overflow:auto;min-height:0;flex:1;scrollbar-gutter:stable}.scene-workspace .scene-row{padding:10px 8px}.scene-workspace .scene-complete{padding-top:12px}.scene-workspace .preview-pane{display:flex;flex-direction:column;overflow:auto}.scene-workspace .video-shell{flex-shrink:0;aspect-ratio:16/9;min-height:0}.scene-workspace .video-shell video{width:100%;height:100%;object-fit:contain}.scene-workspace .timeline{flex-shrink:0;margin-bottom:12px}.scene-workspace .preview-toolbar{flex-wrap:wrap;gap:8px;margin-bottom:10px}.scene-workspace .evidence-section{padding-top:12px}.scene-workspace .evidence-body{gap:12px}.scene-workspace .evidence-thumb{width:80px}.scene-workspace .editor-pane{display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:0;overflow:hidden}.scene-workspace .editor-top{padding:14px 16px;margin:0;border-bottom:1px solid var(--line)}.scene-workspace .editor-scroll{overflow:auto;padding:14px 16px;scrollbar-gutter:stable}.scene-workspace .editor-footer{border-top:1px solid var(--line);padding:12px 16px;background:var(--surface)}.scene-workspace .editor-footer .audio-actions{margin:0 0 8px}.scene-workspace .editor-footer .audio-actions .button{font-size:14px;min-height:40px}.scene-workspace .confirm-scene{padding-top:8px;border:0;margin:0}.scene-workspace .confirm-scene p{margin-top:5px}.scene-workspace .field-area{min-height:90px}.scene-workspace .processing-panel{margin-top:12px;padding:12px 16px}.scene-workspace .workspace-foot{margin-top:10px}.scene-workspace .job-steps{margin-top:10px}.scene-workspace .job-log summary{min-height:28px}.scene-workspace .preview-toolbar .quiet-button span{display:inline}
@media(min-width:1101px) and (min-height:680px){.scene-workspace .workspace-grid{height:calc(100dvh - 220px);max-height:800px}.scene-workspace .video-shell{max-height:calc(100dvh - 430px);aspect-ratio:16/9}.scene-workspace .video-shell video{object-fit:contain}.scene-workspace .processing-panel .job-steps{display:none}.scene-workspace .processing-panel:has(.job-step.active) .job-steps{display:grid}}
@media(max-width:1100px),(max-height:679px){.scene-workspace .workspace-grid{height:auto;grid-template-columns:160px minmax(0,1fr)}.scene-workspace .editor-pane{grid-column:1/-1;overflow:visible}.scene-workspace .editor-scroll{overflow:visible;display:grid;grid-template-columns:1fr 1fr;gap:24px}.scene-workspace .editor-footer{position:static}.scene-workspace .scene-list{max-height:440px}}
@media(max-width:680px){.scene-workspace{padding:14px 12px}.scene-workspace .workspace-grid{display:flex;flex-direction:column}.scene-workspace .scene-list{display:flex;max-height:none}.scene-workspace .editor-pane{display:block}.scene-workspace .editor-scroll{display:block}.scene-workspace .editor-footer{position:static}.scene-workspace .scene-context .text-link{margin-left:0}.scene-workspace .project-top h1{font-size:22px}}

/* Feishu 06: upload and processing belong to the listening flow. */
.listen-page{max-width:1050px;padding-top:22px}.listen-heading{display:flex;gap:20px;justify-content:space-between;align-items:center;flex-wrap:wrap}.listen-heading h1{font-size:32px}.listen-intro{font-size:16px;color:var(--muted);margin:12px 0 26px}.listen-card{padding:28px;border:1px solid var(--line);border-radius:18px;background:var(--surface);max-width:850px}.listen-card h2{font-size:21px;margin-bottom:12px}.listen-card>p{margin:14px 0;font-size:15px;line-height:1.8}.listen-card label{margin-top:20px;font-size:14px}.listen-card input[type=file]{padding:14px}.listen-card .button{margin:12px 10px 8px 0}.listen-data-note{color:var(--muted)}.listen-error{color:#a1251b!important}.listen-stages{display:flex;flex-wrap:wrap;gap:12px 26px;list-style-position:inside;padding:0;margin:22px 0;color:var(--muted)}.listen-stages [aria-current=step]{color:var(--blue);font-weight:650}.personal-disclosure{background:var(--blue-tint);padding:12px;border-radius:8px}.personal-library{margin-top:32px}.personal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:16px}.personal-card{padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.personal-card p{margin:10px 0;color:var(--muted)}.high-contrast .listen-card,.high-contrast .personal-card{background:#151515}.high-contrast .listen-error{color:#ffbcb4!important}.high-contrast .personal-disclosure{background:#262b34}.library-hero>.button{margin-top:18px}
@media(min-width:1101px) and (min-height:680px){.scene-workspace .video-shell{height:clamp(170px,calc(100dvh - 510px),420px);max-height:none;aspect-ratio:auto}.scene-workspace #scene-text{height:90px}}
@media(max-width:680px){.listen-card{padding:20px}.listen-heading h1{font-size:26px}.listen-stages{display:grid;grid-template-columns:1fr 1fr}.listen-page{padding-top:8px}.listen-card .button{white-space:normal}}

/* Feishu 07: search and the main listening actions precede content. */
.library-hero.lookup{padding:24px 0 14px;display:flex;align-items:center;justify-content:space-between;gap:24px}.library-hero.lookup h1{font-size:32px;letter-spacing:-.8px}.library-hero.lookup p{font-size:14px;color:var(--muted);margin-top:6px}.library-tools{display:flex;gap:16px;align-items:flex-end}.library-tools .library-search{width:auto;max-width:660px;flex:1}.library-tools .field-label{font-size:13px}.library-tools .field{font-size:16px;height:48px}.library-tools>.button{height:48px}.search-status{font-size:14px;color:var(--muted);margin:8px 0;min-height:0}.search-status:empty{display:none}.viewer-library .continue-section{padding:16px 0;margin:0 0 20px}.continue-section .section-heading{margin-bottom:10px}.continue-section .section-heading h2{font-size:20px}.continue-section .continue-grid{grid-template-columns:1fr}.continue-section .continue-card{padding:12px 16px;gap:16px}.continue-section .continue-card>img{width:92px;aspect-ratio:1.4}.continue-section .continue-card p{margin:3px 0 6px}.viewer-library #films-title{font-size:23px}.viewer-library .personal-library{margin:20px 0}.library-tools+section{margin-top:24px}.library-tools~section[aria-labelledby=films-title]{margin-top:20px}.viewer-library .viewer-film-card{max-width:370px}.viewer-library .viewer-film-card .project-details{padding:16px 18px}.viewer-library .viewer-film-card .project-details p{margin:7px 0 13px}.viewer-library .project-grid{grid-template-columns:repeat(auto-fit,minmax(250px,350px))}.viewer-library .home-footer{padding-top:24px}.viewer-mode .button,.viewer-mode .text-link{white-space:normal}.viewer-mode .nav-wrap{flex-wrap:wrap;gap:12px}
@media(max-width:760px){.library-hero.lookup{flex-wrap:wrap;gap:14px;padding-top:22px}.library-hero.lookup h1{font-size:28px}.library-tools{flex-wrap:wrap;gap:12px}.library-tools .library-search{min-width:200px}.viewer-library .project-grid{grid-template-columns:1fr}.viewer-library .viewer-film-card{max-width:none}.continue-section .continue-card{flex-wrap:wrap}.continue-section .continue-card>.text-link{margin-left:auto}.viewer-mode .site-header{height:auto;min-height:72px}.viewer-mode .nav-wrap{padding-top:8px;padding-bottom:8px}.viewer-mode .nav-links{flex-wrap:wrap}.viewer-large .player-controls{flex-wrap:wrap}.viewer-large .player-controls input{flex-basis:35%}}

@media(min-width:1101px){.library-hero.lookup{padding-top:18px;padding-bottom:10px}.library-hero.lookup h1{font-size:30px}.viewer-library .viewer-film-card .project-cover{aspect-ratio:2.8}.viewer-library .viewer-film-card .project-details{padding:12px 16px}.viewer-library .viewer-film-card .project-details p{margin:4px 0 8px}.viewer-library .continue-section{padding:10px 0;margin-bottom:12px}.viewer-library .section-heading{margin-bottom:14px}}

/* Competition revision: readable controls and stable collection rows. */
.player-options{display:flex;align-items:center;gap:12px;padding:8px 16px;font-size:14px;flex-wrap:wrap}.player-options .field{width:146px;min-height:44px;font-size:14px}.viewer-library #film-grid{display:grid;grid-template-columns:1fr;gap:16px}.viewer-film-card{display:grid;grid-template-columns:minmax(180px,28%) 1fr}.viewer-film-card .project-cover{height:100%;min-height:168px}.viewer-film-card .project-details{padding:24px}.viewer-film-card .project-details h3{font-size:22px}.viewer-film-card .project-details p{font-size:15px;line-height:1.7}.editor-form-block .timing-row{margin-top:12px}.editor-pane .field-label,.editor-pane .field,.editor-pane .button,.editor-pane .check-label,.scene-row .scene-state,.scene-row small{font-size:14px}.editor-pane .field-label{line-height:1.5}.editor-pane .field{min-height:42px}.editor-pane textarea.field{min-height:96px}.editor-pane .editor-footer{gap:6px}.editor-pane .editor-footer .button{min-height:40px}.scene-context{font-size:14px;line-height:1.5}.editor-pane .confirm-scene p{font-size:12px}.viewer-page [hidden]{display:none!important}
@media(min-width:1101px) and (min-height:680px){.scene-workspace .workspace-grid{height:calc(100dvh - 195px);min-height:560px;grid-template-columns:188px minmax(300px,1fr) minmax(340px,390px)}.scene-workspace .project-top{margin-bottom:12px}.scene-workspace .editor-scroll{min-height:0;overflow:auto}.scene-workspace .editor-form-block{padding:14px}.scene-workspace .editor-footer{padding:10px 14px}.scene-workspace .editor-top{padding:12px 14px}.scene-workspace .preview-pane{overflow:auto}.scene-workspace .editor-pane{display:flex;flex-direction:column}.scene-workspace .editor-scroll{flex:1}.scene-workspace .editor-footer{flex-shrink:0}}
@media(max-width:600px){.viewer-film-card{grid-template-columns:1fr}.viewer-film-card .project-cover{height:180px}.viewer-film-card .project-details{padding:20px}.player-options{padding:8px 0}.player-controls{gap:6px}.player-controls .time{font-size:12px}.player-controls input[type=range]{min-width:48px}.editor-pane .field{font-size:16px}}

.scene-row .scene-info small{white-space:nowrap;font-size:13px}.scene-row{padding-left:12px;padding-right:10px;gap:7px}.scene-row .scene-number{min-width:20px}

/* Acceptance 2026-09-15: readable core controls, saved audio status and large upload forms. */
.scene-workspace .scene-context .text-link,.scene-workspace .preview-toolbar .quiet-button{font-size:14px;min-height:40px;padding:8px}
.scene-workspace .editor-footer .button{font-size:14px;min-height:40px}
.scene-workspace .editor-save{margin:0 0 8px;display:flex;gap:8px;justify-content:space-between}
.scene-workspace .scene-audio-summary{font-size:14px;line-height:1.5;margin:0 0 8px;color:var(--ink)}
.scene-workspace .scene-category{font-size:14px;margin:12px 0}
.scene-workspace .scene-category summary{cursor:pointer;min-height:40px;padding:8px 0}
.scene-workspace .scene-category .field-label{margin-top:8px}
.scene-workspace .editor-count{margin:8px 0}
body.viewer-large .viewer-library :is(input,select,textarea,label,p,summary,li),body.viewer-large .player-options :is(label,select){font-size:18px!important;line-height:1.7}
.listen-technical{margin:16px 0;overflow-wrap:anywhere}.listen-technical summary{cursor:pointer;min-height:44px;padding:10px 0}.listen-technical p{line-height:1.7}
@media(min-width:1101px) and (min-height:680px){
 .scene-workspace .editor-form-block{padding:0}
 .scene-workspace .editor-scroll{padding:10px 14px}
 .scene-workspace .editor-form-block>label:first-child{margin-top:0}
 .scene-workspace #scene-text{height:80px;min-height:80px}
 .scene-workspace .timing-row{margin-top:8px;gap:8px}
 .scene-workspace .timing-row .field-label{margin-bottom:4px;margin-top:4px}
 .scene-workspace .editor-top{padding:8px 14px}
}

/* Project identity must remain visible outside the cover's fixed image area. */
.home .project-grid{align-items:stretch}
.home .project-card{display:flex;flex-direction:column;min-width:0}
.home .project-cover{flex-shrink:0}
.home .project-details{flex:1;display:flex;flex-direction:column;min-width:0}
.home .project-details h3{font-size:18px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere}
.home .project-details .project-identity{font-size:12px;line-height:1.6;margin:8px 0 12px}
.home .project-version-meta{font-size:13px;line-height:1.65;margin:0 0 16px}
.home .project-version-meta dt{flex-basis:64px}
.home .project-version-meta dd{min-width:0}
.home .project-card-footer{margin-top:auto;justify-content:flex-start;gap:12px 18px}
.home .project-card-footer .text-link{min-height:36px;white-space:normal;text-align:left}

.home .project-details .project-description{font-size:13px;line-height:1.7;color:#55555d;margin:8px 0 0;overflow-wrap:anywhere}

/* Keep the library cover inside its column so it cannot cover playback controls. */
.viewer-library .viewer-film-card{max-width:none;grid-template-columns:minmax(0,28%) minmax(0,1fr)}
.viewer-library .viewer-film-card .project-cover{width:100%;min-width:0;aspect-ratio:auto}
.viewer-library .viewer-film-card .project-details{min-width:0}
@media(max-width:600px){.viewer-library .viewer-film-card{grid-template-columns:minmax(0,1fr)}}

/* Keep playback controls stable while their labels and preferences change. */
.player-options{gap:14px;flex-wrap:wrap}
.player-options label{white-space:nowrap;flex:none}
.player-options select{flex:none;width:132px;min-height:48px}
.high-contrast .pinnable-player,.high-contrast .pin-player{background:#111;color:#fff}
@media(max-width:720px){
  .viewer-player{overflow:visible}
  .viewer-player .player-options{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:center}
  .viewer-player .player-options select{width:100%;min-width:0;padding:8px;font-size:16px}
  .viewer-player .player-options .pin-player{min-width:0;font-size:12px}
  .viewer-large .viewer-player .player-options{grid-template-columns:auto minmax(0,1fr)}
  .viewer-large .viewer-player .pin-player{grid-column:1/-1;font-size:18px}
}

/* Keep the current task and its effect on editing next to the controls. */
.scene-workspace>.processing-panel{margin:0 0 18px}
.editor-task-status{display:flex;align-items:flex-start;gap:10px;padding:12px;margin:0 0 16px;background:var(--blue-tint);border:1px solid #c9dfff;border-radius:10px;font-size:12px;line-height:1.7}
.editor-task-status .loader{flex-shrink:0;margin-top:4px}
.editor-task-status strong{display:block;font-weight:600}
.editor-task-status p{margin-top:4px;color:#415b78}
.editor-task-status .button{margin-top:10px}
.editor-task-status.is-error{background:var(--amber-tint);border-color:#efd2a5}
.editor-task-status.is-error p{color:#795729}
.header-actions .viewer-entry{min-height:48px;font-size:14px;padding:10px 16px}
@media(max-width:680px){
  .header-actions .viewer-entry{padding:9px 12px;font-size:13px}
  .header-actions .viewer-entry span{display:inline}
  body:not(.viewer-mode) .nav-wrap{padding:0 12px;gap:8px}
  body:not(.viewer-mode) .brand-mark{display:none}
  body:not(.viewer-mode) .header-actions{gap:4px}
  .scene-workspace .project-top-actions{flex-wrap:wrap;justify-content:flex-start}
  .scene-workspace>.processing-panel{margin-bottom:14px}
  .editor-task-status{font-size:14px}
}

/* Shared touch player: progress has its own row; fullscreen includes controls. */
.media-player{min-width:0;background:var(--surface);border-radius:12px}
.media-player .player-controls{display:flex;flex-direction:column;gap:4px;padding:8px 0}
.player-timeline{display:flex;align-items:center;gap:10px;width:100%;min-width:0}
.media-player .player-timeline .time{font-size:12px;flex:none}
.media-player .player-timeline input[type=range]{flex:1;min-width:0;height:44px;margin:0;accent-color:var(--blue)}
.player-transport{display:flex;align-items:center;justify-content:space-between;gap:6px;width:100%}
.media-player .player-transport button{flex:1;min-width:44px;min-height:48px;border:0;border-radius:10px;font-size:14px;background:transparent}
.media-player .player-transport .primary-play{background:var(--blue);color:#fff}
.media-player .player-transport button:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.media-player .player-options{padding:8px 0;gap:10px}
.media-player:fullscreen{width:100%;height:100%;max-width:none;display:flex;flex-direction:column;padding:12px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));border-radius:0;background:#101214;color:white;overflow:auto}
.media-player:fullscreen .video-shell{flex:1;min-height:0!important;height:auto!important;max-height:none!important;aspect-ratio:auto!important;background:#101214}
.media-player:fullscreen video{width:100%;height:100%;object-fit:contain}
.media-player:fullscreen .player-controls{flex:none;color:white;background:#101214;padding:8px 0}
.media-player:fullscreen .player-controls button{color:white}
.media-player:fullscreen .player-controls .time{color:white}
.media-player:fullscreen .player-options,.media-player:fullscreen .video-label{display:none}
.watch-topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.watch-topbar .viewer-back{margin:0}
.watch-preferences{position:relative;flex:none}
.watch-preferences summary{cursor:pointer;min-height:48px;display:flex;align-items:center;padding:8px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px}
.watch-preferences .viewer-settings{position:absolute;right:0;top:100%;z-index:35;min-width:220px;margin:8px 0 0;padding:10px;display:grid;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}
.viewer-settings button{display:inline-flex;align-items:center;justify-content:center;gap:5px;white-space:nowrap}
.viewer-title{align-items:flex-start;margin-bottom:12px}
.viewer-title h1{margin-top:0}
.viewer-title p{line-height:1.7}
.viewer-title [data-action=choose-version]{margin-left:8px}
.mobile-scene-nav{display:none}
.scene-timing>summary,.editor-audio-block>summary{cursor:pointer;color:var(--muted);padding:8px 0;min-height:44px;font-size:14px}
.scene-directory{display:grid;gap:8px}
.directory-scene{display:grid;grid-template-columns:26px 1fr;align-items:center;gap:4px 12px;text-align:left;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:12px;min-height:64px}
.directory-scene small{grid-column:2;color:var(--muted);font-size:13px}
.directory-scene[aria-current=true]{border-color:var(--blue);background:var(--blue-tint)}
.high-contrast .media-player,.high-contrast .watch-preferences summary,.high-contrast .watch-preferences .viewer-settings{background:#111;color:#fff}
@media(min-width:681px){.scene-timing>summary,.editor-audio-block>summary{font-size:12px}}
@media(max-width:720px){
  .viewer-page{padding:10px 14px 28px}
  .viewer-title{padding:0;margin-bottom:10px}
  .viewer-title h1{font-size:26px}
  .viewer-mode .viewer-title p{font-size:14px;margin-top:4px}
  .viewer-title [data-action=choose-version]{display:inline-flex;min-height:36px;padding:4px 0;margin-left:0}
  .viewer-player .player-options{display:flex;flex-wrap:wrap;gap:10px}
  .viewer-player .player-options label{font-size:14px}
  .viewer-player .player-options select{flex:1;width:auto;min-width:110px}
  .viewer-player .player-options .pin-player{flex-basis:100%;font-size:14px;min-height:44px}
  .viewer-large .viewer-player .player-options{display:flex}
  .viewer-large .viewer-player .pin-player{font-size:17px}
  .viewer-player .player-controls{padding:4px 0}
  .viewer-mode .viewer-player .player-controls .time{font-size:12px}
  .viewer-mode .viewer-player .player-controls input{min-width:0;height:44px}
  .viewer-listening{align-items:flex-start;flex-wrap:wrap;padding:12px 4px 4px;margin-top:8px;gap:8px}
  .viewer-listening>div{flex:1;min-width:150px}
  .viewer-listening .button{white-space:nowrap;min-width:112px}
  .viewer-current{margin-top:12px}
  .resume-banner{padding:12px;gap:8px;margin:8px 0 12px}
  .resume-banner p{flex-basis:100%}
  .resume-banner .button{flex:1;white-space:nowrap}
  .viewer-mode .viewer-settings{gap:6px}
  .viewer-mode .viewer-settings button{font-size:14px;padding:8px 10px;flex:none}
  .watch-preferences .viewer-settings button{justify-content:flex-start}
  .viewer-large .watch-topbar{flex-wrap:wrap}
  .viewer-large .watch-preferences summary{font-size:18px}
  .viewer-mode.viewer-large .nav-wrap{gap:6px}
  .viewer-mode.viewer-large .brand{font-size:16px;letter-spacing:-.5px}
  .viewer-mode.viewer-large .nav-links{gap:8px}
}
@media(max-width:680px){
  .scene-workspace .project-top{gap:8px;margin-bottom:12px}
  .scene-workspace .project-top-actions{gap:8px}
  .scene-workspace .project-top-actions .button{min-height:44px;font-size:13px}
  .scene-workspace .breadcrumbs{font-size:12px}
  .scene-workspace>.processing-panel{margin-bottom:12px}
  .scene-workspace>.processing-panel:not(:has(.job-step.active)) .job-steps{display:none}
  .mobile-scene-nav{display:block;position:sticky;top:62px;z-index:20;background:var(--canvas);padding:8px 0;scroll-margin-top:0}
  .scene-switcher{display:grid;grid-template-columns:64px minmax(0,1fr) 64px;gap:6px;align-items:stretch}
  .scene-switcher button{min-height:48px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:14px}
  .scene-picker span{font-size:12px;color:var(--muted);display:block}
  .scene-picker strong{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .mobile-studio-tabs{display:flex;gap:6px;margin-top:8px}
  .mobile-studio-tabs button{flex:1;min-height:44px;padding:8px;background:var(--surface);border:1px solid var(--line);border-radius:9px;font-size:14px}
  .mobile-studio-tabs button[aria-pressed=true]{background:var(--blue-tint);border-color:#b8d8fa;color:var(--blue);font-weight:600}
  .scene-workspace .scenes-pane{display:none}
  .scene-workspace[data-mobile-tab=preview] .editor-pane,.scene-workspace[data-mobile-tab=edit] .preview-pane{display:none}
  .scene-workspace .workspace-grid{border-radius:12px;overflow:visible}
  .scene-workspace .preview-pane{padding:12px;overflow:visible}
  .scene-workspace .preview-toolbar{margin-bottom:8px;gap:6px}
  .scene-workspace .segmented button{min-height:44px;font-size:14px}
  .scene-workspace .preview-toolbar .quiet-button{min-height:44px;font-size:13px;padding:6px}
  .scene-workspace .scene-context{font-size:14px;padding:10px;margin-bottom:10px}
  .scene-workspace .scene-context .text-link{min-height:44px}
  .scene-workspace .timeline{display:none}
  .scene-workspace .evidence-body p,.scene-workspace .sound-note,.scene-workspace .fact-chips span{font-size:14px;line-height:1.7}
  .scene-workspace .section-label{font-size:13px;min-height:36px}
  .scene-workspace .editor-pane{display:flex;flex-direction:column;overflow:visible;padding:0;border-top:0}
  .scene-workspace .editor-top{padding:12px;gap:8px}
  .scene-workspace .editor-top h2{font-size:16px}
  .scene-workspace .editor-scroll{display:contents}
  .scene-workspace .editor-form-block{display:contents}
  .scene-workspace .editor-form-block>label{order:0;margin:12px 12px 6px}
  .scene-workspace .editor-form-block>textarea{order:0;margin:0 12px;width:calc(100% - 24px)}
  .scene-workspace .editor-count{order:0;margin:8px 12px}
  .scene-workspace .editor-form-block>details{order:2;margin:0;padding:4px 12px;border-top:1px solid var(--line)}
  .scene-workspace .editor-form-block>.suggestion{order:2;margin:12px}
  .scene-workspace #scene-text{min-height:112px;height:128px;font-size:16px;line-height:1.8}
  .scene-workspace .editor-footer{order:1;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:8px;position:static}
  .scene-workspace .scene-audio-summary{grid-column:1/-1;font-size:14px;margin:0}
  .scene-workspace .editor-save,.scene-workspace .audio-actions{display:contents}
  .scene-workspace .editor-footer .button{min-height:48px;font-size:14px;white-space:normal;padding:8px;width:100%}
  .scene-workspace #save-scene{grid-column:1;grid-row:2}
  .scene-workspace #listen-scene{grid-column:2;grid-row:2}
  .scene-workspace #suggest-scene{grid-column:1;grid-row:3}
  .scene-workspace #tts-scene{grid-column:2;grid-row:3}
  .scene-workspace #audition-scene{grid-column:1/-1;grid-row:4}
  .scene-workspace .confirm-scene{grid-column:1/-1;padding-top:0}
  .scene-workspace .confirm-scene p{font-size:13px;margin-top:8px}
  .scene-workspace .editor-audio-block{order:2;padding:4px 12px 12px;border-top:1px solid var(--line)}
  .scene-workspace .editor-audio-block .muted,.scene-workspace .audio-status .sub{font-size:13px!important;line-height:1.7}
  .scene-workspace .editor-count{font-size:13px}
  .scene-workspace .scene-category{margin:4px 0 0}
  .scene-workspace .scene-timing{margin-top:8px}
  .scene-workspace .field-label,.scene-workspace .field{font-size:16px;min-height:24px}
  .scene-workspace .field{min-height:48px}
  .scene-workspace .workspace-foot{font-size:12px;flex-wrap:wrap}
  .scene-workspace .workspace-foot .text-link{font-size:12px;min-height:44px}
  .review-main .mix-controls input{height:44px}
  .review-main .field-label,.review-checklist .review-item p{font-size:14px}
  .version-actions .button{min-height:44px;font-size:13px}
}
@media(prefers-reduced-motion:reduce){.home,.workspace,.viewer-page{animation:none}html{scroll-behavior:auto}}