: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}.host .picture-preview video{margin-top:12px;position:static}.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}}.daw-editor{outline-offset:4px;margin:28px 0}.daw-toolbar,.daw-inspector{flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;display:flex}.daw-toolbar h3{margin:0 auto 0 0}.daw-toolbar label,.daw-inspector label{align-items:center;gap:8px;font-size:12px;display:flex}.daw-toolbar input[type=number],.daw-inspector input{width:100px}.daw-toolbar input[type=range]{width:90px}.daw-help{color:var(--muted);font-size:12px}.daw-scroll{border:1px solid var(--border);border-radius:10px;overflow-x:auto}.daw-ruler,.daw-lane{display:flex}.daw-ruler{color:#657084;background:#f7f8fa;height:30px;font-size:10px}.daw-ruler>span,.daw-lane-label{box-sizing:border-box;z-index:4;background:#fff;border-right:1px solid #e4e8ed;flex-shrink:0;width:160px;padding:8px 12px;position:sticky;left:0}.daw-ruler>div{cursor:crosshair;position:relative}.daw-ruler i{border-left:1px solid #dde2e9;height:100%;padding-left:3px;font-style:normal;position:absolute}.daw-lane{border-top:1px solid #e4e8ed;height:104px}.daw-lane-label{flex-direction:column;gap:5px;font-size:12px;display:flex}.daw-lane-label span{color:#7a8390;font-size:10px}.daw-lane-label select{width:100%;min-height:28px;padding:4px;font-size:10px}.daw-lane-content{background:repeating-linear-gradient(90deg,#f9fafc 0 79px,#eef1f5 79px 80px);flex-shrink:0;position:relative}.daw-empty{color:#8590a0;font-size:11px;position:absolute;top:24px;left:12px}.daw-clip{cursor:grab;box-sizing:border-box;touch-action:none;background:#e7eef4;border:1px solid #b9c7d4;border-radius:5px;height:80px;position:absolute;top:12px;overflow:hidden}.daw-clip.selected{background:#deeaf5;border:2px solid #456ba0}.daw-clip:active{cursor:grabbing}.lane-picture .daw-clip{cursor:default;background:#e9e9ee}.daw-clip>span,.daw-clip>small{white-space:nowrap;pointer-events:none;font-size:10px;position:absolute;top:3px;left:8px}.daw-clip>small{color:#657084;top:21px}.daw-clip>svg{pointer-events:none;width:100%;height:100%}.daw-clip>svg path{stroke:#7896ad;stroke-width:1px;fill:none;vector-effect:non-scaling-stroke}.daw-automation{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.automation-line{stroke:#557ab0;stroke-width:1.5px;fill:none;vector-effect:non-scaling-stroke;pointer-events:none}.automation-baseline-hit{fill:#0000;pointer-events:all;cursor:crosshair}.automation-hit{stroke:#0000;stroke-width:16px;fill:none;pointer-events:stroke;cursor:crosshair;vector-effect:non-scaling-stroke}.daw-automation circle{fill:#fff;stroke:#456ba0;stroke-width:2px;pointer-events:all;cursor:move;touch-action:none}.daw-automation .automation-point-hit{fill:#0000;stroke:#0000}.daw-automation .automation-dot{pointer-events:none}.daw-cursor{pointer-events:none;z-index:3;background:#d45d63;width:1px;height:100%;position:absolute;top:0}@media (width<=600px){.daw-toolbar button{min-height:40px}.daw-inspector{align-items:stretch}}.app-dialog{box-sizing:border-box;border:1px solid var(--line);width:min(720px,100vw - 32px);max-height:86dvh;color:var(--text);background:#fff;border-radius:14px;padding:24px;box-shadow:0 24px 80px #20273526}.app-dialog::backdrop{background:#17213255}.dialog-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.dialog-heading h2{margin:0;font-size:1.1rem}.dialog-heading button{width:32px;min-height:32px;padding:0;font-size:22px}.app-dialog section,.app-dialog .panel{border:0;margin:12px 0 0;padding:0}.app-dialog form{align-items:flex-end}.app-dialog p{font-size:13px}.app-dialog .project-list{max-height:300px;overflow:auto}.workspace-shell{box-sizing:border-box;flex-direction:column;gap:12px;max-width:none;height:100dvh;margin:0;padding:16px;display:flex;position:relative;overflow:hidden}.workspace-shell>header{margin:0;padding:0 300px 0 0}.workspace-bar{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:16px;display:flex}.workspace-bar h1{letter-spacing:-.04em;margin:0;font-size:20px}.project-picker{align-items:center;gap:8px;font-size:12px;display:flex}.project-picker select{width:210px}.workspace-bar button,.workspace-bar select{min-height:34px;padding:6px 10px;font-size:12px}.workspace-bar .privacy-badge{padding:4px 8px;font-size:10px}.workspace-empty{text-align:center;margin:auto}.workspace-shell .arrangement-panel{background:0 0;border:0;flex-direction:column;flex:1;gap:10px;min-height:0;margin:0;padding:0;display:flex}.arrangement-toolbar{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;display:flex}.workspace-shell .arrangement-toolbar{position:absolute;top:16px;right:16px}.workspace-shell .arrangement-toolbar>span{display:none}.arrangement-toolbar button{min-height:34px;padding:6px 10px;font-size:12px}.workspace-shell .review-stage{border:1px solid var(--line);background:#fff;border-radius:10px;flex-shrink:0;min-width:0;height:clamp(150px,28dvh,250px);overflow:hidden}.preview-stage{grid-template-columns:minmax(0,1fr) 180px;height:100%;display:grid}.workspace-shell .picture-preview{border:0;min-height:0;margin:0;padding:0}.workspace-shell .picture-preview h3,.workspace-shell .picture-preview>p:not([role=alert]){display:none}.workspace-shell .picture-preview video{aspect-ratio:auto;object-fit:contain;border-radius:0;width:100%;height:100%;max-height:none;margin:0;position:static}.workspace-shell .picture-preview:has(select){grid-template-rows:32px minmax(0,1fr);display:grid}.workspace-shell .picture-preview label{padding:0 8px;font-size:11px}.workspace-shell .picture-preview select{min-height:28px;padding:2px 8px;font-size:11px}.no-picture{color:var(--muted);background:#f0f2f5;place-items:center;display:grid}.screening-people{border:0;border-left:1px solid var(--line);background:#fafbfc;min-height:0;margin:0;padding:10px 12px;overflow:auto}.screening-people h2{justify-content:space-between;margin:0 0 10px;font-size:12px;display:flex}.screening-people p{color:var(--muted);font-size:11px}.screening-people ul{margin:0;padding:0;list-style:none}.screening-people li{overflow-wrap:anywhere;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;display:flex}.screening-people small{color:var(--muted);margin-left:auto;font-size:9px}.presence-dot{background:#6c987c;border-radius:50%;flex-shrink:0;width:6px;height:6px}.compact-player{grid-template-columns:minmax(0,1fr) 240px 180px;height:100%;display:grid}.compact-player>header{display:none}.compact-player .player-picture{min-height:0}.compact-player video{aspect-ratio:auto;object-fit:contain;border-radius:0;height:100%;max-height:none;position:static}.compact-player .player-controls{min-height:0;padding:8px 10px;overflow:auto}.compact-player .transport{gap:6px;padding:0;font-size:10px}.compact-player .timecode{font-size:16px}.compact-player .actions{gap:6px;margin:4px 0}.compact-player button{min-height:28px;padding:4px 8px;font-size:11px}.compact-player section{border:0;margin:4px 0;padding:0}.compact-player section[aria-label="Host transport controls"] h2{display:none}.compact-player section[aria-label="Host transport controls"] label{align-items:center;gap:6px;font-size:10px;display:flex}.compact-player input[type=range]{min-width:0;min-height:20px}.compact-player .player-controls>p{margin:4px 0;font-size:10px}.compact-player .screening-people{border-left:1px solid var(--line);margin:0;padding:10px 12px}.compact-mix .channel{grid-template-columns:110px 1fr 50px auto auto;gap:8px;display:grid}.compact-mix .channel span,.compact-mix .channel output{width:auto}.workspace-shell .daw-editor{border:0;flex-direction:column;flex:1;min-height:0;margin:0;padding:0;display:flex}.workspace-shell .daw-toolbar{flex-shrink:0;gap:8px;margin:0 0 6px}.workspace-shell .daw-toolbar h3{font-size:13px}.workspace-shell .daw-toolbar button,.workspace-shell .daw-toolbar input:not([type=range]){min-height:30px;padding:4px 8px;font-size:11px}.workspace-shell .daw-toolbar input[type=range]{min-height:24px}.workspace-shell .daw-toolbar input[type=number]{width:80px}.workspace-shell .daw-editor>.daw-help{display:none}.workspace-shell .daw-editor>[role=status]{margin:0;font-size:10px}.workspace-shell .daw-scroll{border-color:var(--line);background:#fff;flex:1;min-height:0;overflow:auto}.workspace-shell .daw-lane-label{gap:2px;padding:4px 8px}.workspace-shell .daw-lane-label>span{display:none}.workspace-shell .daw-lane-label select{min-height:22px;padding:0 3px;font-size:9px}.workspace-shell .daw-clip{height:calc(100% - 10px);top:5px}.workspace-shell .daw-ruler{height:24px}.workspace-shell .daw-inspector{flex-shrink:0;gap:8px;margin:4px 0 0;font-size:11px}.workspace-shell .daw-inspector button,.workspace-shell .daw-inspector input{min-height:28px;padding:2px 8px;font-size:11px}.lane-select{text-align:left;background:0 0;border:0;min-height:0;padding:0;font-size:12px;font-weight:600}.lane-selected .daw-lane-label{background:#eef3fa}.lane-selected .lane-select{color:#355e96}@media (width<=1100px){.workspace-shell>header{padding-right:0}.workspace-shell .arrangement-toolbar{justify-content:flex-end;position:static}}@media (width<=760px){.workspace-shell{height:auto;min-height:100dvh;padding:12px;overflow:visible}.workspace-bar{gap:8px}.workspace-bar .privacy-badge{display:none}.project-picker select{width:160px}.workspace-shell .review-stage{height:auto;min-height:170px}.preview-stage,.compact-player{flex-direction:column;display:flex}.workspace-shell .picture-preview video,.compact-player video{height:190px}.compact-player .player-controls{overflow:visible}.screening-people{max-height:180px}.workspace-shell .daw-scroll{flex:auto;height:310px}.workspace-shell .daw-toolbar,.workspace-shell .daw-inspector{flex-wrap:wrap}.compact-mix .channel{grid-template-columns:70px 1fr 40px}.app-dialog{padding:18px}}.workspace-shell .picture-preview{position:relative}.workspace-shell .picture-preview>p[role=alert]{background:#fff;padding:6px;font-size:12px;position:absolute;bottom:0;left:8px;right:8px}.compact-loading{padding:16px;font-size:13px}.compact-player .screening-people li{margin-bottom:4px;font-size:11px;line-height:1.25}.daw-ruler>span,.daw-lane-label{width:200px}.lane-mixer{align-items:center;gap:5px;display:flex}.lane-mixer button{border-radius:5px;width:26px;min-height:26px;padding:0;font-size:11px}.lane-mixer button[aria-pressed=true]{color:#fff;background:#42658d;border-color:#42658d}.lane-mixer button[aria-label^=Solo][aria-pressed=true]{background:#b88128;border-color:#b88128}.lane-mixer output{color:#657084;font-variant-numeric:tabular-nums;min-width:34px;font-size:10px}.lane-knob{cursor:ns-resize;touch-action:none;box-sizing:border-box;background:linear-gradient(#fff,#e7ecf2);border:1px solid #cad2dd;border-radius:50%;flex-shrink:0;width:38px;height:38px;position:relative}.lane-knob i{transform-origin:1px 13px;pointer-events:none;background:#42658d;border-radius:2px;width:2px;height:12px;position:absolute;top:5px;left:17px}.lane-knob:focus-visible{outline-offset:2px;outline:2px solid #42658d}.lane-knob[aria-disabled=true]{opacity:.4;cursor:default}.daw-playhead{z-index:3;pointer-events:none;background:#486f99;width:2px;position:absolute;top:0;bottom:0}.workspace-shell .daw-lane{height:clamp(64px,8dvh,76px)}.workspace-shell .daw-lane-label{grid-template-columns:minmax(0,1fr) auto;align-content:center;gap:3px 6px;display:grid;position:sticky}.workspace-shell .daw-lane-label>.lane-select{text-align:left;grid-column:1/-1}.workspace-shell .daw-lane-label>.lane-mixer{grid-area:2/1}.workspace-shell .daw-lane-label select{grid-area:2/2;width:32px;min-width:0}@media (width<=760px){.lane-mixer button{min-width:30px;min-height:30px}}.daw-automation .automation-dot.outside-range{stroke:#9b762d;fill:#fff7e7}.audio-only-screen{color:#e1e6ee;background:#171b22;place-items:center;height:100%;margin:0;display:grid}.lane-add-media{width:30px;min-height:28px;padding:0;font-size:18px;line-height:1}.workspace-shell .daw-lane-label>.lane-add-media{grid-area:2/2}.lane-media-list{border:0;max-height:260px;margin:16px 0;padding:0;overflow:auto}.lane-media-list legend{color:var(--muted);margin-bottom:8px;font-size:12px}.lane-media-list label{border:1px solid var(--line);cursor:pointer;border-radius:8px;flex-direction:row;align-items:center;gap:10px;margin-bottom:6px;padding:12px;display:flex}.lane-media-list label:has(input:checked){background:#eef3fa;border-color:#91a8c5}.lane-media-list input{flex-shrink:0;width:16px;min-height:16px;margin:0}.lane-media-list span{overflow-wrap:anywhere;flex:1}.lane-media-list small{white-space:nowrap;color:var(--muted)}.lane-upload-action{margin-left:8px}
