:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;--ink:#101313;--surface:#181d1c;--raised:#28302e;--paper:#f4eedf;--mist:#c5cbc5;--projector:#ffb35c;--signal:#80d8b2;--warning:#ffd36a;--danger:#ff8178;--line:#3a4441;--display:"Arial Narrow", "Avenir Next Condensed", "Roboto Condensed", sans-serif;background:var(--ink);color:var(--paper);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.55}*{box-sizing:border-box}html{background:var(--ink);scroll-behavior:smooth}body{background:var(--ink);min-width:320px;min-height:100vh;color:var(--paper);margin:0;font-size:16px}button,input,select{font:inherit}button,a,label{-webkit-tap-highlight-color:transparent}a,button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--projector);outline-offset:3px}.skip-link{z-index:100;background:var(--projector);color:var(--ink);padding:12px 16px;font-weight:800;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}[hidden]{display:none!important}.brand{min-height:44px;font-family:var(--display);letter-spacing:.03em;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{border:2px solid var(--projector);border-left-color:#0000;border-right-color:#0000;width:28px;height:22px;position:relative}.brand-mark:before,.brand-mark:after{content:"";border-block:2px solid var(--projector);width:7px;height:12px;position:absolute;top:3px}.brand-mark:before{border-left:2px solid var(--projector);left:-1px}.brand-mark:after{border-right:2px solid var(--projector);right:-1px}.app-header,.app-footer{justify-content:space-between;align-items:center;width:min(1480px,100% - 48px);margin-inline:auto;display:flex}.app-header{border-bottom:1px solid var(--line);min-height:72px}.app-footer{border-top:1px solid var(--line);min-height:88px;color:var(--mist);margin-top:64px}.app-footer nav{gap:24px;display:flex}.local-badge{color:var(--mist);align-items:center;gap:8px;font-size:14px;display:inline-flex}.local-badge span{color:var(--signal)}.workspace{width:min(1480px,100% - 48px);margin-inline:auto}.workspace-intro{justify-content:space-between;align-items:end;gap:32px;padding:56px 0 40px;display:flex}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);line-height:1.05}h1{letter-spacing:-.025em;max-width:750px;margin-bottom:0;font-size:clamp(2.3rem,5vw,4rem)}h2{letter-spacing:-.015em;margin-bottom:8px;font-size:clamp(1.6rem,3vw,2rem)}h3{font-size:1.25rem}.eyebrow{color:var(--projector);font-family:var(--display);letter-spacing:.16em;text-transform:uppercase;margin-bottom:12px;font-size:13px;font-weight:800}.section-heading{grid-template-columns:48px minmax(0,1fr);align-items:start;gap:16px;margin-bottom:24px;display:grid}.section-heading p{max-width:680px;color:var(--mist);margin:0}.step-number{border:1px solid var(--line);width:44px;height:44px;color:var(--projector);border-radius:50%;place-items:center;font:700 13px ui-monospace,monospace;display:grid}.setup{border:1px solid var(--line);background:linear-gradient(120deg, #ffffff04, transparent 60%), var(--surface);padding:32px}.file-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.drop-aperture{border:1px solid var(--line);cursor:pointer;background:#131716;place-content:center;justify-items:center;gap:8px;min-height:190px;padding:24px;transition:border-color .16s,background .16s;display:grid;position:relative}.drop-aperture:before,.drop-aperture:after{content:"";pointer-events:none;background:linear-gradient(var(--projector),var(--projector)) left top/18px 1px no-repeat, linear-gradient(var(--projector),var(--projector)) left top/1px 18px no-repeat, linear-gradient(var(--projector),var(--projector)) right bottom/18px 1px no-repeat, linear-gradient(var(--projector),var(--projector)) right bottom/1px 18px no-repeat;opacity:.45;position:absolute;inset:12px}.drop-aperture:hover,.drop-aperture.dragging{border-color:var(--projector);background:#1e211d}.drop-aperture.has-file{border-color:var(--signal)}.drop-aperture.has-file:after{filter:hue-rotate(80deg)}.drop-aperture input{opacity:0;width:1px;height:1px;position:absolute}.drop-aperture strong{font-family:var(--display);font-size:20px}.drop-aperture>span:last-child{max-width:100%;color:var(--mist);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.aperture-icon{border:2px solid var(--mist);width:48px;height:40px}.video-icon{background:linear-gradient(90deg, transparent 15%, var(--mist) 16% 20%, transparent 21% 79%, var(--mist) 80% 84%, transparent 85%), repeating-linear-gradient(0deg, transparent 0 9px, var(--mist) 10px 12px)}.caption-icon{position:relative}.caption-icon:before,.caption-icon:after{content:"";background:var(--mist);height:3px;position:absolute;bottom:11px}.caption-icon:before{width:14px;left:7px}.caption-icon:after{width:12px;right:7px}.setup-actions{justify-content:space-between;align-items:end;gap:24px;margin-top:24px;display:flex}.placement-select{color:var(--mist);gap:6px;font-size:14px;display:grid}select,input{border:1px solid var(--line);background:var(--ink);min-height:44px;color:var(--paper);border-radius:0;padding:0 12px}.primary-button,.secondary-button,.quiet-button,.text-button{cursor:pointer;border:0;justify-content:center;align-items:center;gap:24px;min-height:44px;font-weight:750;text-decoration:none;display:inline-flex}.primary-button{background:var(--projector);color:#17130e;padding:12px 20px}.primary-button:hover{background:#ffc77f}.primary-button:active{transform:translateY(1px)}.primary-button:disabled{cursor:not-allowed;opacity:.42}.secondary-button{border:1px solid var(--line);background:var(--raised);padding:10px 16px}.quiet-button{border:1px solid var(--line);background:0 0;padding:10px 12px}.quiet-button:hover,.secondary-button:hover{border-color:var(--mist)}.text-button{min-height:44px;color:var(--mist);text-underline-offset:4px;background:0 0;padding:4px;text-decoration:underline}.error-banner{border-left:3px solid var(--danger);color:#ffd6d2;background:#ff81781f;margin-top:16px;padding:12px 16px}.review{padding-top:72px}.review-heading{grid-template-columns:48px minmax(0,1fr) auto}.progress-wrap{background:var(--surface);margin-bottom:24px;padding:16px}.progress-label{color:var(--mist);justify-content:space-between;margin-bottom:8px;font-size:14px;display:flex}progress{background:var(--raised);width:100%;height:6px;accent-color:var(--projector);border:0;display:block}progress::-webkit-progress-bar{background:var(--raised)}progress::-webkit-progress-value{background:var(--projector)}.review-bench{grid-template-columns:minmax(0,1.7fr) minmax(340px,.8fr);gap:24px;display:grid}.video-stage{background:#050606;place-items:center;min-height:340px;display:grid;position:relative;overflow:hidden;box-shadow:0 28px 70px #00000047}.video-stage video{width:100%;max-height:72vh;display:block}.video-stage canvas{pointer-events:none;position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.video-stage.drawing-region canvas{pointer-events:auto;cursor:crosshair;touch-action:none}.caption-preview{z-index:2;color:#fff;text-align:center;text-wrap:balance;pointer-events:none;background:#000000d6;padding:6px 12px;font-size:clamp(13px,2vw,20px);font-weight:700;line-height:1.25;position:absolute}.viewer-tools{min-height:64px;color:var(--mist);align-items:center;gap:16px;font-size:14px;display:flex}.viewer-tools button[aria-pressed=true]{border-color:var(--signal);color:var(--signal)}.studio-only:disabled{cursor:not-allowed;opacity:.5}.studio-unlocked .studio-only{border-color:var(--signal)}.notice{border-left:2px solid var(--warning);color:var(--mist);background:#ffd36a12;padding:16px}.notice strong{color:var(--paper)}.cue-panel{border-top:2px solid var(--projector);background:var(--surface);min-height:480px}.cue-toolbar{border-bottom:1px solid var(--line);padding:12px 16px}.filter-group{gap:8px;display:flex}.filter{min-height:44px;color:var(--mist);cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;padding:0 12px}.filter.active{border-color:var(--projector);color:var(--paper)}.filter span{background:var(--raised);border-radius:12px;place-items:center;min-width:24px;height:24px;margin-left:4px;font:12px ui-monospace,monospace;display:inline-grid}.findings{max-height:720px;margin:0;padding:0;list-style:none;overflow:auto}.finding{border-bottom:1px solid var(--line)}.finding.selected{box-shadow:inset 3px 0 var(--projector);background:#202622}.finding.reviewed{opacity:.62}.finding-main{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;gap:8px;padding:18px;display:grid}.finding-main:hover{background:#ffffff09}.finding-time{color:var(--projector);font-variant-numeric:tabular-nums;font:700 13px ui-monospace,monospace}.finding-reason{align-items:center;gap:8px;font-weight:800;display:flex}.warning-dot{background:var(--warning);width:20px;height:20px;color:var(--ink);border-radius:50%;place-items:center;font-size:12px;display:inline-grid}.finding q{color:var(--mist);font-style:normal}.recommendation{color:var(--paper);font-size:14px}.review-toggle{min-height:44px;color:var(--signal);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;margin:0 18px 14px;padding:0;text-decoration:underline}.empty-review{text-align:center;padding:64px 24px}.empty-review>span{border:1px solid var(--signal);width:48px;height:48px;color:var(--signal);border-radius:50%;place-items:center;margin:0 auto 16px;display:grid}.empty-review p{color:var(--mist)}.studio-panel{border:1px solid var(--line);background:radial-gradient(circle at 90% 0, #ffb35c14, transparent 32%), var(--surface);grid-template-columns:minmax(0,1fr) auto;gap:32px;margin-top:72px;padding:32px;display:grid}.studio-panel p{max-width:670px;color:var(--mist);margin-bottom:0}.studio-actions{grid-template-columns:auto auto;align-items:center;gap:8px 16px;display:grid}.studio-actions .text-button{grid-column:2}.price{font:700 28px var(--display)}.price small{color:var(--mist);font:12px ui-sans-serif,sans-serif;display:block}.license-form{grid-column:1/-1;max-width:680px}.license-form>div{gap:8px;display:flex}.license-form input{flex:1}.license-form p{min-height:24px;color:var(--signal);margin-top:8px}.studio-unlocked .studio-panel{border-color:var(--signal)}@media (max-width:900px){.review-bench{grid-template-columns:1fr}.cue-panel{min-height:300px}.findings{max-height:none}.studio-panel{grid-template-columns:1fr}.license-form{grid-column:auto}}@media (max-width:620px){.app-header,.app-footer,.workspace{width:min(100% - 32px,1480px)}.app-header{min-height:64px}.brand>span:last-child{display:none}.local-badge{text-align:right;max-width:220px}.workspace-intro{align-items:start;padding:40px 0 28px}.workspace-intro .quiet-button{display:none}.setup{padding:20px 16px}.file-grid{grid-template-columns:1fr}.drop-aperture{min-height:150px}.setup-actions{flex-direction:column;align-items:stretch}.setup-actions .primary-button{width:100%}.section-heading,.review-heading{grid-template-columns:40px minmax(0,1fr)}.review-heading .secondary-button{grid-column:1/-1;width:100%}.step-number{width:36px;height:36px}.review{padding-top:56px}.video-stage{min-height:220px;margin-inline:-16px}.viewer-tools{flex-direction:column;align-items:stretch;padding:12px 0}.viewer-tools .quiet-button{width:100%}.studio-panel{padding:24px 20px}.studio-actions{grid-template-columns:1fr}.studio-actions .text-button{grid-column:1}.price small{display:inline}.license-form>div{flex-direction:column}.app-footer{flex-direction:column;justify-content:center;align-items:start;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
