:root{--canvas:#121313;--panel:#1a1b1b;--monitor:#080909;--ink:#f0efea;--muted:#aaa9a3;--line:#363737;--accent:#efaa68;--accent-ink:#161412;--error:#f3ab9e;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--radius:3px;--font:Arial, Helvetica, sans-serif}
*{box-sizing:border-box}html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{background:var(--canvas);color:var(--ink);font-family:var(--font);margin:0;font-size:15px;line-height:1.5}button,input{font:inherit}button,.button{border:1px solid var(--line);color:var(--ink);border-radius:var(--radius);cursor:pointer;background:#242525;justify-content:center;align-items:center;gap:12px;min-height:44px;padding:11px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .12s;display:inline-flex}button:hover,.button:hover{background:#343535}button:disabled{opacity:.45;cursor:not-allowed}.primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}.primary:hover{background:#f4bd89;border-color:#f4bd89}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:inherit}h1,h2,p,figure{margin:0}h1{letter-spacing:-.04em;font-size:clamp(26px,3vw,36px);font-weight:500;line-height:1.15}h2{letter-spacing:-.035em;font-size:26px;font-weight:500;line-height:1.2}main{max-width:1600px;padding:0 var(--space-6);margin:auto}.app-header{gap:var(--space-6);border-bottom:1px solid var(--line);align-items:center;height:88px;display:flex}.wordmark{letter-spacing:-.05em;align-items:baseline;gap:8px;font-size:30px;font-weight:800;text-decoration:none;display:inline-flex}.wordmark-dot{background:var(--accent);width:6px;height:6px}.header-description{color:var(--muted);font-size:14px}.quiet-link{color:var(--muted);align-items:center;gap:8px;margin-left:auto;font-size:14px;text-decoration:none;display:inline-flex}.workspace-title{justify-content:space-between;align-items:flex-end;gap:24px;padding:40px 0 32px;display:flex}.eyebrow{letter-spacing:.12em;color:var(--muted);margin-bottom:12px;font-size:11px;font-weight:600}.workspace-title>p{color:var(--muted);font-size:14px}.workspace{gap:var(--space-6);grid-template-columns:minmax(0,1fr) 300px;display:grid}.capture-section{min-width:0}.monitor-header{background:var(--panel);border:1px solid var(--line);letter-spacing:.07em;color:var(--muted);justify-content:space-between;gap:12px;padding:12px 16px;font-size:11px;display:flex}.monitor{aspect-ratio:16/9;background:var(--monitor);border:1px solid var(--line);border-top:0;position:relative;overflow:hidden}.monitor>video{object-fit:contain;width:100%;height:100%;display:block}.concealed{display:none!important}.monitor-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.monitor-empty h2{margin-bottom:16px;font-size:clamp(25px,3vw,40px)}.monitor-empty>p:not(.eyebrow){color:var(--muted);margin-bottom:24px;font-size:14px}.frame-corner{border-style:solid;border-color:#565651;width:24px;height:24px;position:absolute}.top-left{border-width:1px 0 0 1px;top:24px;left:24px}.bottom-right{border-width:0 1px 1px 0;bottom:24px;right:24px}.capture-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.capture-actions{flex-wrap:wrap;gap:8px;display:flex}.upload-hint,.capture-note{color:var(--muted);font-size:12px}.capture-note{max-width:700px}.file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.treatment-panel{background:var(--panel);border:1px solid var(--line);align-self:start;padding:24px}.treatment-panel h2{margin-bottom:24px}fieldset{border:0;min-width:0;margin:0;padding:0}.treatment-option{cursor:pointer;background:#202121;border:1px solid #62615b;gap:12px;padding:16px;display:flex}.treatment-option input{accent-color:var(--accent);flex-shrink:0;width:16px;height:16px;margin:5px 0 0}.treatment-option>span{flex-direction:column;display:flex}.treatment-category{color:var(--accent);letter-spacing:.06em;margin-bottom:8px;font-size:10px}.treatment-option strong{margin-bottom:8px;font-size:18px;font-weight:500}.treatment-description,.treatment-note,.service-note,.job-status{color:var(--muted);font-size:13px}.treatment-note{margin:16px 0 24px}.transform-button{justify-content:space-between;width:100%}.service-note{margin-top:16px}.service-note strong,.job-status strong{color:var(--ink);font-weight:500}.service-note p{margin:8px 0}.text-button{background:0 0;border:0;min-height:36px;padding:6px 0;font-weight:400;text-decoration:underline}.text-button:hover{color:var(--accent);background:0 0}.model-credit{color:var(--muted);letter-spacing:.06em;border-top:1px solid var(--line);margin-top:24px;padding-top:16px;font-size:10px}.record-time{color:#ff9c8c}.recording-marker{color:#fff;background:#191919;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:16px;left:16px}.recording-marker span{background:#f16755;border-radius:50%;width:8px;height:8px}.stop-button{color:#ffb1a5;border-color:#f16755}.monitor-status{border:1px solid var(--line);background:#191919;padding:12px 16px;font-size:14px;position:absolute;bottom:16px;left:16px;right:16px}.error{border-left:2px solid var(--error);color:var(--error);overflow-wrap:anywhere;background:#291e1b;margin-top:16px;padding:12px;font-size:13px}.error button{margin-top:12px}.job-status{border-top:1px solid var(--line);margin-top:24px;padding-top:16px}.job-status p{margin-top:8px}.source-links{color:var(--muted);flex-wrap:wrap;gap:16px;margin-top:16px;font-size:12px;display:flex}.result-section{border-top:1px solid var(--line);margin-top:48px;padding-top:32px}.result-heading,.comparison-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.result-heading h2{font-size:32px}.result-actions{flex-wrap:wrap;gap:8px;display:flex}.comparison-heading h2{font-size:18px}.comparison-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.comparison-grid figure{min-width:0}.comparison-grid video{aspect-ratio:16/9;object-fit:contain;background:var(--monitor);border:1px solid var(--line);width:100%;display:block}figcaption{justify-content:space-between;gap:8px;padding-bottom:12px;font-size:13px;display:flex}figcaption span{color:var(--muted);font-size:12px}.render-details{color:var(--muted);margin-top:24px;font-size:13px}.render-details summary{cursor:pointer;padding:12px 0}.render-details pre{background:var(--monitor);max-width:100%;padding:16px;font-size:12px;overflow:auto}.code-label{flex-direction:column;gap:8px;margin-bottom:16px;font-size:13px;display:flex}.code-label input{border:1px solid var(--line);background:var(--monitor);color:var(--ink);border-radius:var(--radius);width:100%;padding:10px}.evidence-section{border-top:1px solid var(--line);margin-top:48px;padding-top:32px;scroll-margin-top:16px}.evidence-section .result-heading h2{font-size:clamp(24px,3vw,32px)}.evidence-note{max-width:840px;color:var(--muted);margin:0 0 24px;font-size:14px;line-height:1.6}.evidence-links{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:16px;display:flex}.evidence-links a{color:var(--accent);text-underline-offset:3px;font-size:13px}.evidence-footnote{color:var(--muted);max-width:850px;margin-top:16px;font-size:12px;line-height:1.6}footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:16px;margin-top:48px;padding:24px 0;font-size:11px;display:flex}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.workspace-title>p{display:none}.treatment-panel{padding:20px}}@media (max-width:760px){main{padding:0 16px}.app-header{gap:16px;height:72px}.header-description{display:none}.workspace-title{padding:24px 0}.workspace{grid-template-columns:1fr;gap:24px}.monitor{aspect-ratio:4/3}.monitor-empty{padding:16px}.monitor-empty h2{font-size:28px}.monitor-empty .eyebrow{font-size:10px}.monitor-empty>p:not(.eyebrow){margin-bottom:16px;font-size:12px}.frame-corner{width:16px;height:16px}.top-left{top:16px;left:16px}.bottom-right{bottom:16px;right:16px}.treatment-panel h2 br{display:none}.treatment-panel h2{font-size:24px}.comparison-grid{grid-template-columns:1fr}.comparison-heading{align-items:flex-start}.result-section{margin-top:32px}footer{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}