:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#202329;font-synthesis:none;--muted:#626974;--line:#e4e7eb;--accent:#22262d;background:#f7f8fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;line-height:1.5}main{max-width:1120px;margin:auto;padding:48px 32px 40px}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.045em;margin-bottom:12px;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;line-height:1.15}h2{letter-spacing:-.02em;margin-bottom:20px;font-size:1rem;font-weight:600}h3{margin:28px 0 12px;font-size:.875rem;font-weight:600}p{color:var(--muted);font-size:.875rem}header{margin-bottom:32px}header>p:last-child{margin-bottom:0}.eyebrow{color:#555e6c;letter-spacing:.16em;margin-bottom:24px;font-size:.65rem;font-weight:600}.workspace-kicker{justify-content:space-between;align-items:center;gap:16px;margin-bottom:40px;display:flex}.workspace-kicker .eyebrow{margin:0}.privacy-badge{color:var(--muted);font-size:.75rem}.privacy-badge:before{content:"";vertical-align:middle;background:#71857a;border-radius:50%;width:6px;height:6px;margin-right:8px;display:inline-block}.workspace-overview{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:24px;display:grid}section{border-top:1px solid var(--line);margin-top:24px;padding:24px 0}.panel{border:1px solid var(--line);background:#fff;border-radius:14px;padding:28px}.workspace-overview>section{margin-top:0}.panel>p:last-child{margin-bottom:0}.panel form+p{margin:18px 0 0;font-size:.75rem;line-height:1.6}button,input,select,a{font:inherit}button{border:1px solid var(--line);color:#353b44;cursor:pointer;background:#fff;border-radius:8px;min-height:44px;padding:10px 16px;font-size:.8125rem;font-weight:500;transition:background-color .15s,border-color .15s}button:hover:not(:disabled){background:#f3f5f7;border-color:#c9cfd7}button:active:not(:disabled){background:#e9edf1}button:disabled{opacity:.45;cursor:default}.button-primary{border-color:var(--accent);background:var(--accent);color:#fff}.button-primary:hover:not(:disabled){background:#414854;border-color:#414854}.button-primary:active:not(:disabled){background:#13161b}:where(button,input,select,a):focus-visible{outline-offset:3px;outline:2px solid #566be0}a{color:#374d83;text-underline-offset:4px}a:hover{color:#18294f}input:not([type=range]),select{color:#202329;background:#fff;border:1px solid #dce1e7;border-radius:8px;max-width:100%;min-height:44px;padding:10px 12px;font-size:.875rem}input::placeholder{color:#818894}input:disabled,select:disabled{color:#7c8490;background:#f6f7f9}input[type=file]{width:100%;padding:6px;font-size:.8125rem}input[type=file]::file-selector-button{color:#414854;min-height:30px;font:inherit;cursor:pointer;background:#edf0f4;border:0;border-radius:5px;margin-right:12px;padding:4px 10px}.transport,.actions,form,.channel{flex-wrap:wrap;align-items:center;gap:12px;display:flex}form{margin-top:16px}form label{color:#545d6a;flex-wrap:wrap;align-items:center;gap:10px;font-size:.75rem;display:flex}form input{width:140px}.project-form{align-items:flex-end;gap:16px}.project-form label{align-content:start;gap:8px;display:grid}.project-form input,.project-form select{min-width:150px}.project-form input[type=text]{width:100%}.create-project-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.create-project-form label:first-child{grid-column:1/-1}.create-project-form input,.create-project-form select{width:100%;min-width:0}.create-project-form button{grid-column:1/-1;justify-self:start;margin-top:4px}.upload-panel .project-form label:has(input[type=file]){flex:1;min-width:200px}.project-list{margin:0;padding:0;list-style:none}.project-list li{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.project-list li:last-child{border-bottom:0}.project-list li:first-child{padding-top:0}.project-list li>div{min-width:0}.project-list strong{overflow-wrap:anywhere;font-size:.875rem;font-weight:550;display:block}.project-list li span{color:var(--muted);overflow-wrap:anywhere;margin-top:5px;font-size:.75rem;display:block}.project-list li>button{flex-shrink:0}.project-list button[aria-pressed=true]{color:#202329;background:#eef1f5;border-color:#d6dde6}.project-list .actions{justify-content:flex-end;font-size:.8125rem}.project-list .actions span{margin:0}.empty-state{min-height:180px;color:var(--muted);justify-content:center;align-items:center;margin:0;display:flex}video{aspect-ratio:16/9;background:#0e1116;border-radius:12px;width:100%;display:block}.host video{z-index:1;object-fit:contain;max-height:45vh;position:sticky;top:0}.transport{color:var(--muted);justify-content:space-between;padding:20px 0;font-size:.8125rem}.timecode{color:#252c36;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font:1.375rem ui-monospace,monospace}input[type=range]{accent-color:#3d485a;flex:1;min-width:120px;min-height:44px}section>input[type=range]{width:100%}.channel{margin:14px 0;font-size:.8125rem}.channel span{width:100px}.channel output{width:65px;color:var(--muted);font-variant-numeric:tabular-nums}.status,[role=status]{color:#48715b}.error,[role=alert]{color:#aa3c3c}footer{color:var(--muted);margin-top:36px;font-size:.7rem}.diagnostics{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;font:.8rem ui-monospace,monospace;display:grid}.diagnostics div{border-bottom:1px solid var(--line);justify-content:space-between;gap:16px;padding:10px 0;display:flex}dd{margin:0}progress{accent-color:#566d61;width:100%;height:6px;margin-top:18px;display:block}.review-link{width:min(100%,640px);margin-right:10px}.guest{max-width:1000px}@media (prefers-reduced-motion:reduce){button{transition:none}}@media (width<=760px){main{padding:28px 20px}.workspace-overview{grid-template-columns:1fr;gap:16px}.workspace-kicker{margin-bottom:30px}.panel{padding:22px}}@media (width<=480px){main{padding:24px 16px}.panel{border-radius:12px;padding:20px}.project-form{grid-template-columns:minmax(0,1fr);display:grid}.project-form label,.project-form button{grid-column:1}.project-form input,.project-form select{width:100%;min-width:0}.project-list li{align-items:flex-start;gap:12px}.project-list li>button{padding-inline:12px}.project-list .actions{justify-content:flex-start}.diagnostics{grid-template-columns:1fr}.transport{align-items:flex-start}.privacy-badge{font-size:.65rem}.review-link{width:100%;margin:0 0 12px}}@media (orientation:landscape) and (height<=500px){.guest header,.guest footer{display:none}.guest video{max-height:75vh}}