.cue-library{border-top:1px solid var(--line);width:100%;color:var(--ivory);margin-top:28px;padding-top:24px;container-type:inline-size}.cue-library-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;margin-bottom:14px;display:grid}.cue-library-heading .eyebrow{margin-bottom:5px}.cue-new-button,.cue-empty button,.cue-back-button,.cue-enable-button,.cue-editor-actions button{border:1px solid var(--line);color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;font-size:10px;display:inline-flex}.cue-new-button{background:var(--panel);min-height:34px;color:var(--ivory);padding:0 10px}.cue-new-button:hover,.cue-empty button:hover,.cue-back-button:hover,.cue-enable-button:hover,.cue-editor-actions button:hover{color:var(--ivory);border-color:#514f4f}.cue-new-button:active,.cue-empty button:active,.cue-back-button:active,.cue-enable-button:active,.cue-editor-actions button:active{transform:translateY(1px)}.cue-new-button:disabled,.cue-back-button:disabled,.cue-enable-button:disabled,.cue-editor-actions button:disabled{opacity:.45;cursor:not-allowed}.cue-list{gap:4px;display:grid}.cue-row{border:1px solid #0000;grid-template-columns:minmax(0,1fr) auto;align-items:stretch;min-width:0;min-height:54px;display:grid}.cue-row:hover{border-color:var(--line);background:var(--panel)}.cue-row.is-disabled{opacity:.62}.cue-row-main{min-width:0;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:8px;padding:7px 6px 7px 7px;display:grid}.cue-row-main:hover{color:var(--ivory)}.cue-media-icons{border:1px solid var(--line);justify-content:center;align-items:center;gap:2px;width:34px;height:34px;display:flex}.cue-row-copy{gap:4px;min-width:0;display:grid}.cue-row-copy strong{color:var(--ivory);text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.cue-row-copy small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.cue-enable-button{min-width:48px;font-family:var(--mono);margin:7px 7px 7px 0;padding:0 7px;font-size:8px}.cue-enable-button[aria-pressed=true]{color:var(--ivory)}.cue-empty{border:1px solid var(--line);min-height:138px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:20px 12px;display:grid}.cue-empty-mark{border:1px solid var(--line);justify-content:center;align-items:center;gap:3px;width:40px;height:32px;display:flex}.cue-empty strong{color:var(--ivory);font-size:11px;font-weight:500}.cue-empty>span:not(.cue-empty-mark){max-width:190px;font-size:9px;line-height:1.5}.cue-empty button{min-height:30px;margin-top:4px;padding:0 9px}.cue-skeleton{background:var(--panel);opacity:.68;border-color:#0000;height:54px}.cue-editor{gap:16px;display:grid}.cue-editor-bar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:10px;min-height:34px;display:flex}.cue-editor-bar>span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding-top:7px;font-size:8px}.cue-back-button{border:0;justify-content:flex-start;min-height:28px;padding:0 7px 0 4px}.cue-field{align-content:start;gap:7px;min-width:0;display:grid}.cue-field>span:first-child,.cue-assets legend,.cue-layout legend,.cue-animation legend{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:9px}.cue-field>span:first-child small{text-transform:none;letter-spacing:0;font-size:8px}.cue-field input,.cue-field select,.cue-animation input,.cue-animation select{border:1px solid var(--line);background:var(--panel);width:100%;min-width:0;height:36px;color:var(--ivory);border-radius:0;padding:0 9px;font-size:10px}.cue-field input[type=number],.cue-animation input[type=number]{font-family:var(--mono)}.cue-enabled-control{border:1px solid var(--line);cursor:pointer;align-items:flex-start;gap:9px;padding:12px;display:flex}.cue-enabled-control input{accent-color:var(--accent);margin-top:2px}.cue-enabled-control>span{gap:4px;min-width:0;display:grid}.cue-enabled-control strong{font-size:10px;font-weight:500}.cue-enabled-control small{color:var(--muted);font-size:9px;line-height:1.45}.cue-assets,.cue-layout,.cue-animation{border:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 8px;min-width:0;margin:0;padding:14px;display:grid}.cue-assets legend,.cue-layout legend,.cue-animation legend{padding:0 6px}.cue-assets-empty{color:var(--muted);grid-column:1/-1;font-size:9px;line-height:1.5}.cue-layout{grid-template-columns:repeat(3,minmax(0,1fr))}.cue-animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cue-animation{grid-template-columns:1fr;align-content:start}.cue-animation label{gap:7px;min-width:0;display:grid}.cue-animation label>span:first-child{color:var(--muted);font-size:9px}.cue-animation-none{min-height:36px;color:var(--muted);align-items:center;gap:7px;font-size:9px;display:flex}.cue-timing-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.cue-input-with-unit{display:block;position:relative}.cue-input-with-unit input{padding-right:34px}.cue-input-with-unit small{color:var(--muted);font-family:var(--mono);pointer-events:none;font-size:8px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.cue-inline-warning{color:#e39282;font-size:8px;line-height:1.4}.cue-editor-actions{border-top:1px solid var(--line);grid-template-columns:auto minmax(116px,1fr);justify-content:end;gap:7px;padding-top:14px;display:grid}.cue-editor-actions button{min-height:36px;padding:0 10px}.cue-editor-actions .cue-delete-button{color:#e39282}.cue-editor-actions .cue-save-button{border-color:var(--accent);background:var(--accent);color:var(--obsidian);font-weight:700}.cue-editor-actions .cue-save-button:hover{border-color:var(--accent-dark);background:var(--accent-dark);color:var(--obsidian)}.cue-error{color:#e39282;border:1px solid #e392824d;padding:10px;font-size:9px;line-height:1.5}.cue-library>.cue-error{margin-top:10px}.cue-spinner{animation:.9s linear infinite cue-spin}@keyframes cue-spin{to{transform:rotate(360deg)}}@container (width<=360px){.cue-animation-grid,.cue-assets,.cue-timing-grid{grid-template-columns:1fr}.cue-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.cue-editor-actions{grid-template-columns:1fr}.cue-editor-actions .cue-save-button{grid-row:1}}@media (prefers-reduced-motion:reduce){.cue-spinner{animation:none}}.live-workspace{--live-bg:#111113;--live-panel:#171719;--live-panel-strong:#1d1d20;--live-line:#343438;--live-line-strong:#4b4a4d;--live-text:#eeeae1;--live-muted:#aaa7a2;--live-accent:#c95f4b;--live-accent-hover:#d46c58;--live-connected:#8fac8e;--live-behind:#d0a261;--live-offline:#d07868;min-height:100dvh;color:var(--live-text);background:var(--live-bg);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.live-workspace *,.live-workspace :before,.live-workspace :after{box-sizing:border-box}.live-workspace button{font:inherit;color:inherit}.live-workspace button:focus-visible{outline:2px solid var(--live-text);outline-offset:3px}.live-workspace button:active:not(:disabled){transform:translateY(1px)}.live-workspace__topbar{border-bottom:1px solid var(--live-line);background:var(--live-bg);grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;min-height:64px;padding:0 24px;display:grid}.live-workspace__identity,.live-workspace__account-actions,.live-workspace__mode,.live-workspace__connection{align-items:center;display:flex}.live-workspace__identity{gap:12px;min-width:0}.live-workspace__identity>div{align-items:baseline;gap:9px;min-width:0;display:flex}.live-workspace__identity strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.live-workspace__identity span{text-overflow:ellipsis;white-space:nowrap;color:var(--live-muted);font-size:11px;overflow:hidden}.live-workspace__mode{justify-self:center;gap:8px;font-size:12px}.live-workspace__mode svg{color:var(--live-accent)}.live-workspace__mode small{border-left:1px solid var(--live-line);color:var(--live-muted);letter-spacing:.08em;text-transform:uppercase;padding-left:8px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.live-workspace__account-actions{justify-self:end;gap:14px}.live-workspace__icon-button{border:1px solid var(--live-line);cursor:pointer;background:0 0;border-radius:0;place-items:center;width:34px;height:34px;padding:0;display:grid}.live-workspace__icon-button:hover{border-color:var(--live-line-strong);background:var(--live-panel)}.live-workspace__connection{gap:9px}.live-workspace__connection>i{background:var(--live-muted);border-radius:50%;width:7px;height:7px}.live-workspace__connection.is-connected>i{background:var(--live-connected)}.live-workspace__connection.is-behind>i{background:var(--live-behind)}.live-workspace__connection.is-offline>i{background:var(--live-offline)}.live-workspace__connection span{flex-direction:column;gap:2px;display:flex}.live-workspace__connection strong{font-size:10px;font-weight:600}.live-workspace__connection small{color:var(--live-muted);font-size:9px}.live-workspace__body{grid-template-columns:minmax(0,1fr) 340px;min-height:calc(100dvh - 64px);display:grid}.live-workspace__preview-column{min-width:0;padding:30px 36px 24px}.live-workspace__section-heading{justify-content:space-between;align-items:flex-end;gap:20px;min-height:52px;margin-bottom:18px;display:flex}.live-workspace__section-heading span,.live-workspace__control-heading span{color:var(--live-muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;display:block}.live-workspace__section-heading h1{letter-spacing:-.035em;margin:0;font-size:clamp(23px,2.5vw,34px);font-weight:500;line-height:1.08}.live-workspace__section-heading>strong{color:var(--live-muted);font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;font-weight:400}.live-workspace__stage-shell{border:1px solid var(--live-line);background:var(--live-panel);padding:9px}.live-workspace__stage-shell.is-blackout{border-color:var(--live-accent)}.live-workspace__stage{aspect-ratio:16/9;background-color:#232326;background-image:linear-gradient(45deg,#28282b 25%,#0000 25%),linear-gradient(-45deg,#28282b 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#28282b 75%),linear-gradient(-45deg,#0000 75%,#28282b 75%);background-position:0 0,0 14px,14px -14px,-14px 0;background-size:28px 28px;width:100%;position:relative;overflow:hidden}.live-workspace__stage-loading{aspect-ratio:16/9;background:#232326;align-content:center;gap:12px;width:100%;padding:8%;display:grid}.live-workspace__stage-loading i,.live-workspace__rail-loading i{background:var(--live-line);height:10px;display:block}.live-workspace__stage-loading i:first-child{width:38%}.live-workspace__stage-loading i:nth-child(2){width:62%}.live-workspace__stage-loading i:nth-child(3){width:47%}.live-workspace__hitplane{z-index:2;position:absolute;inset:0}.live-workspace__hitbox{color:var(--live-text);cursor:move;touch-action:none;background:0 0;border:1px solid #0000;border-radius:0;place-items:start end;padding:0;display:grid;position:absolute}.live-workspace__hitbox svg{border:1px solid var(--live-line-strong);opacity:0;background:#111113e0;width:22px;height:22px;margin:6px;padding:3px}.live-workspace__hitbox:hover,.live-workspace__hitbox.is-selected{border-color:var(--live-accent)}.live-workspace__hitbox:hover svg,.live-workspace__hitbox.is-selected svg{opacity:1}.live-workspace__empty-stage,.live-workspace__blackout-state{z-index:3;text-align:center;pointer-events:none;place-content:center;justify-items:center;gap:8px;display:grid;position:absolute;inset:0}.live-workspace__empty-stage strong,.live-workspace__blackout-state strong{font-size:14px;font-weight:600}.live-workspace__empty-stage span,.live-workspace__blackout-state span{color:var(--live-muted);font-size:11px}.live-workspace__blackout-state{background:var(--live-bg)}.live-workspace__blackout-state svg{color:var(--live-accent)}.live-workspace__feedback{min-height:42px;color:var(--live-muted);padding:13px 0 0;font-size:11px}.live-workspace__feedback p{margin:0}.live-workspace__error{color:#eaa091;justify-content:space-between;align-items:center;gap:12px;display:flex}.live-workspace__error button{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.live-workspace__controls{border-left:1px solid var(--live-line);background:#141416;min-width:0}.live-workspace__control-section{border-bottom:1px solid var(--live-line);padding:24px 22px}.live-workspace__control-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:17px;display:flex}.live-workspace__control-heading h2{margin:0;font-size:14px;font-weight:600}.live-workspace__control-heading svg{color:var(--live-muted)}.live-workspace__button{min-height:40px;color:var(--live-bg);background:var(--live-accent);white-space:nowrap;cursor:pointer;border:1px solid #0000;border-radius:0;justify-content:center;align-items:center;gap:9px;padding:0 14px;font-size:11px;font-weight:650;display:inline-flex}.live-workspace__button:hover{background:var(--live-accent-hover)}.live-workspace__button:disabled{opacity:.48;cursor:not-allowed}.live-workspace__button--danger-outline{color:#eaa091;background:0 0;border-color:#8d493d;width:100%}.live-workspace__button--danger-outline:hover{color:var(--live-text);background:#6f392f}.live-workspace__button--restore{width:100%}.live-workspace__button--quiet{color:var(--live-text);border-color:var(--live-line-strong);background:0 0}.live-workspace__button--quiet:hover{background:var(--live-panel-strong)}.live-workspace__button--danger{color:var(--live-bg);background:var(--live-accent)}.live-workspace__element-list{scrollbar-color:var(--live-line-strong) transparent;max-height:300px;overflow-y:auto}.live-workspace__element-row{border-bottom:1px solid var(--live-line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:9px;min-height:54px;padding:8px 0;display:grid}.live-workspace__element-row:last-child{border-bottom:0}.live-workspace__element-name{flex-direction:column;gap:3px;min-width:0;display:flex}.live-workspace__element-name strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.live-workspace__element-name span{color:var(--live-muted);text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}.live-workspace__visibility,.live-workspace__sound-trigger,.live-workspace__counter button{border:1px solid var(--live-line);cursor:pointer;background:0 0;border-radius:0;place-items:center;width:30px;height:30px;padding:0;display:grid}.live-workspace__visibility:hover,.live-workspace__sound-trigger:hover,.live-workspace__counter button:hover{border-color:var(--live-line-strong);background:var(--live-panel-strong)}.live-workspace__visibility:disabled,.live-workspace__sound-trigger:disabled,.live-workspace__counter button:disabled{opacity:.45;cursor:not-allowed}.live-workspace__sound-trigger{color:var(--live-accent)}.live-workspace__counter{grid-template-columns:30px minmax(36px,auto) 30px;align-items:center;display:grid}.live-workspace__counter output{min-width:36px;color:var(--live-text);text-align:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.live-workspace__empty-copy{color:var(--live-muted);margin:0;font-size:11px;line-height:1.5}.live-workspace__rail-loading{gap:9px;display:grid}.live-workspace__rail-loading i:first-child{width:82%}.live-workspace__rail-loading i:nth-child(2){width:64%}.live-workspace__rail-loading i:nth-child(3){width:76%}.live-workspace__cue-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.live-workspace__cue-button{border:1px solid var(--live-line);min-height:62px;color:var(--live-text);background:var(--live-panel);text-align:left;cursor:pointer;border-radius:0;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px;display:flex}.live-workspace__cue-button svg{color:var(--live-accent)}.live-workspace__cue-button span{text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:10px;font-weight:600;overflow:hidden}.live-workspace__cue-button:hover{border-color:var(--live-accent);background:var(--live-panel-strong)}.live-workspace__cue-button:disabled{opacity:.48;cursor:not-allowed}.live-workspace__dialog-backdrop{z-index:30;background:#050506d1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.live-workspace__dialog{border:1px solid var(--live-line-strong);background:var(--live-panel);width:min(440px,100%);padding:28px}.live-workspace__dialog>svg{color:var(--live-accent)}.live-workspace__dialog h2{letter-spacing:-.025em;margin:18px 0 9px;font-size:21px;font-weight:550;line-height:1.2}.live-workspace__dialog p{max-width:38ch;color:var(--live-muted);margin:0;font-size:12px;line-height:1.6}.live-workspace__dialog-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}@media (width<=1000px){.live-workspace__body{grid-template-columns:1fr}.live-workspace__controls{border-top:1px solid var(--live-line);border-left:0;grid-template-columns:minmax(200px,.65fr) minmax(300px,1.35fr);display:grid}.live-workspace__control-section{border-right:1px solid var(--live-line)}.live-workspace__cues{border-top:1px solid var(--live-line);grid-column:1/-1}.live-workspace__cue-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=700px){.live-workspace__topbar{grid-template-columns:1fr auto;padding:10px 14px}.live-workspace__mode,.live-workspace__connection small{display:none}.live-workspace__identity>div{display:block}.live-workspace__identity span{margin-top:2px;display:block}.live-workspace__preview-column{padding:22px 14px 16px}.live-workspace__controls{grid-template-columns:1fr}.live-workspace__control-section{border-right:0}.live-workspace__cues{grid-column:auto}.live-workspace__cue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-workspace__section-heading{align-items:flex-start}.live-workspace__section-heading>strong{padding-top:6px}}@media (width<=430px){.live-workspace__connection span{display:none}.live-workspace__section-heading h1{font-size:22px}.live-workspace__element-row{grid-template-columns:minmax(0,1fr) auto}.live-workspace__counter{grid-area:2/1/auto/-1;width:max-content}.live-workspace__dialog-actions{flex-direction:column-reverse}.live-workspace__dialog-actions .live-workspace__button{width:100%}}@media (prefers-reduced-motion:reduce){.live-workspace *,.live-workspace :before,.live-workspace :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.live-workspace [data-cue-event-id]>div{opacity:1!important;transform:none!important}}:root{color:#eeeae1;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--obsidian:#111113;--panel:#19191b;--ivory:#eeeae1;--muted:#8e8b87;--line:#303033;--accent:#c95f4b;--accent-dark:#a84939;--mono:ui-monospace, "SFMono-Regular", Consolas, monospace;background:#111113;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%;margin:0}body{background:var(--obsidian);min-height:100vh}.sr-only{clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}button,textarea,input,select{font:inherit}button{color:inherit}button:focus-visible,textarea:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--ivory);outline-offset:3px}.studio-shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);background:#111113f5;grid-template-columns:1fr auto 1fr;align-items:center;height:64px;padding:0 28px;display:grid}.brand{align-items:center;gap:11px;width:max-content;display:inline-flex}.brand-name{letter-spacing:-.02em;font-size:15px;font-weight:600}.brand-mark{width:25px;height:22px;display:inline-block;position:relative}.brand-mark span{border:1px solid var(--ivory);width:17px;height:13px;position:absolute}.brand-mark span:first-child{top:0;left:0}.brand-mark span:nth-child(2){background:var(--obsidian);bottom:0;right:0}.brand-mark i{background:var(--accent);z-index:2;border-radius:50%;width:5px;height:5px;position:absolute;top:8px;left:10px}.project-identity{align-items:center;gap:10px;font-size:13px;display:flex}.muted,.slash{color:var(--muted)}.topbar-status{justify-self:end;align-items:center;gap:16px;display:flex}.role-badge{border:1px solid var(--line);color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;padding:4px 7px;font-size:9px}.account-button{max-width:190px;color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:6px 0;font-size:10px;display:flex}.account-button span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.connection{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:7px;font-size:11px;display:flex}.connection i{background:var(--ivory);border-radius:50%;width:6px;height:6px}.connection-connected i{background:#9bad92}.connection-behind i{background:#d1a45d}.connection-offline i{background:var(--muted)}.icon-button{border:1px solid var(--line);cursor:pointer;background:0 0;place-items:center;width:34px;height:34px;display:grid}.icon-button:disabled{opacity:.35;cursor:not-allowed}.workspace{grid-template-columns:minmax(0,1fr) 318px;min-height:calc(100vh - 64px);display:grid}.editor-workspace{grid-template-columns:236px minmax(0,1fr) 318px}.stage-column{min-width:0;padding:34px 40px 26px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:22px;display:flex}.eyebrow{font-family:var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;font-size:10px;display:block}h1,h2,h3,p{margin:0}h1{letter-spacing:-.04em;font-size:clamp(22px,2.25vw,34px);font-weight:500;line-height:1.1}h2{letter-spacing:-.025em;font-size:18px;font-weight:500;line-height:1.2}h3{font-size:14px;font-weight:500}.resolution{font-family:var(--mono);color:var(--muted);font-size:11px}.stage-frame{background:var(--panel);border:1px solid var(--line);padding:10px}.stage-canvas{aspect-ratio:16/9;touch-action:none;background:#222225;width:100%;position:relative;overflow:hidden}.safe-area{pointer-events:none;border:1px solid #eeeae11f;position:absolute;inset:6%}.stage-renderer{inset:0;position:absolute!important}.stage-hitplane{position:absolute;inset:0}.stage-hitbox{cursor:pointer;touch-action:none;background:0 0;border:1px solid #0000;padding:0;position:absolute}.stage-hitbox:hover{border-color:#eeeae14d}.stage-hitbox.is-selected{border-color:var(--accent);cursor:move}.selection-handle{background:var(--accent);width:7px;height:7px;position:absolute}.top-left{top:-4px;left:-4px}.top-right{top:-4px;right:-4px}.bottom-left{bottom:-4px;left:-4px}.bottom-right{bottom:-4px;right:-4px}.stage-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.06em;z-index:3;background:#111113d9;align-items:center;gap:7px;padding:7px 9px;font-size:10px;display:flex;position:absolute;top:16px;left:16px}.publish-strip{border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px;display:grid}.publish-state{color:var(--muted);align-items:center;gap:12px;font-size:11px;display:flex}.revision{color:var(--ivory);border:1px solid var(--line);font-family:var(--mono);padding:5px 7px}.publish-strip p{color:var(--muted);font-size:12px}.publish-button{background:var(--accent);height:42px;color:var(--obsidian);cursor:pointer;white-space:nowrap;border:0;align-items:center;gap:12px;padding:0 17px;font-weight:700;display:inline-flex}.publish-button:hover{background:var(--accent-dark)}.publish-button:disabled{opacity:.65;cursor:wait}.layer-panel{border-right:1px solid var(--line);background:#151517;min-width:0;max-height:calc(100vh - 64px);padding:34px 16px;overflow-y:auto}.panel-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.panel-heading .eyebrow{margin-bottom:6px}.layer-count{border:1px solid var(--line);min-width:26px;height:24px;color:var(--muted);font-family:var(--mono);place-items:center;padding:0 6px;font-size:10px;display:grid}.add-element-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.add-element-grid button{border:1px solid var(--line);background:var(--panel);min-width:0;height:36px;color:var(--ivory);cursor:pointer;white-space:nowrap;justify-content:flex-start;align-items:center;gap:6px;padding:0 9px;font-size:10px;display:inline-flex}.add-element-grid button:nth-child(n+3){color:var(--muted)}.add-element-grid button:active,.layer-actions button:active,.visibility-toggle:active{transform:translateY(1px)}.add-element-grid button:disabled{opacity:.48;cursor:not-allowed}.library-note{color:var(--muted);margin:10px 2px 18px;font-size:9px;line-height:1.45}.asset-library{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.asset-library-heading{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.asset-library-heading .eyebrow{margin-bottom:5px}.asset-upload-button{border:1px solid var(--line);background:var(--panel);min-height:34px;color:var(--ivory);cursor:pointer;white-space:nowrap;align-items:center;gap:7px;padding:0 10px;font-size:10px;display:inline-flex}.asset-upload-button:hover,.asset-upload-button:active{border-color:#514f4f}.asset-upload-button:active,.asset-filter button:active,.asset-actions button:active{transform:translateY(1px)}.asset-filter{border:1px solid var(--line);grid-template-columns:repeat(3,1fr);margin:14px 0 10px;display:grid}.asset-filter button{border:0;border-right:1px solid var(--line);min-width:0;height:30px;color:var(--muted);cursor:pointer;background:0 0;font-size:9px}.asset-filter button:last-child{border-right:0}.asset-filter button.is-active{background:var(--panel);color:var(--ivory)}.upload-queue,.asset-list{gap:4px;display:grid}.upload-queue{margin-bottom:8px}.upload-row,.asset-row{border:1px solid var(--line);grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;min-height:50px;padding:7px;display:grid}.upload-row{background:var(--panel);border-color:#454348}.upload-failed{border-color:#e3928275}.upload-row>button{width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.upload-copy,.asset-copy{gap:4px;min-width:0;display:grid}.upload-copy strong,.asset-copy strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.upload-copy small,.asset-copy small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;font-size:8px;line-height:1.4;overflow:hidden}.asset-row{border-color:#0000}.asset-row:hover{border-color:var(--line);background:var(--panel)}.asset-rejected{border-color:#e3928238}.asset-thumbnail,.asset-kind-icon{border:1px solid var(--line);width:36px;height:36px;color:var(--muted);place-items:center;display:grid;overflow:hidden}.asset-kind-icon{width:30px;height:30px}.asset-thumbnail img{object-fit:cover;width:100%;height:100%;display:block}.asset-actions{align-items:center;gap:3px;display:flex}.asset-actions button{border:1px solid var(--line);min-width:28px;height:28px;color:var(--muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-size:8px;display:inline-flex}.asset-actions button:hover{color:var(--ivory)}.asset-actions button:disabled{opacity:.45;cursor:wait}.asset-actions .asset-create-button{color:var(--ivory)}.asset-actions .asset-delete-button:hover{color:#e39282}.asset-preview-button[aria-pressed=true]{border-color:var(--accent);color:var(--ivory)}.asset-empty{border:1px solid var(--line);min-height:112px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:7px;padding:18px 10px;display:grid}.asset-empty strong{color:var(--ivory);font-size:10px;font-weight:500}.asset-empty span{max-width:160px;font-size:9px;line-height:1.45}.asset-skeleton{background:var(--panel);opacity:.68;border-color:#0000}.asset-support-note{color:var(--muted);align-items:flex-start;gap:6px;margin-top:11px;font-size:8px;line-height:1.45;display:flex}.asset-support-note svg{flex:none}.asset-error{margin-top:9px;font-size:9px}.asset-spinner{animation:.9s linear infinite asset-spin}@keyframes asset-spin{to{transform:rotate(360deg)}}.layer-list{gap:4px;display:grid}.layer-row{width:100%;min-width:0;min-height:50px;color:var(--muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:8px;padding:8px;display:grid}.layer-row:hover{background:var(--panel);color:var(--ivory)}.layer-row.is-selected{background:var(--panel);color:var(--ivory);border-color:#4a4848}.layer-row>span:nth-child(2){gap:3px;min-width:0;display:grid}.layer-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.layer-row small{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.07em;font-size:8px}.layer-kind{border:1px solid var(--line);place-items:center;width:26px;height:26px;display:grid}.layer-skeleton{background:var(--panel);opacity:.7;height:50px}.empty-state{border:1px solid var(--line);min-height:150px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:20px 12px;display:grid}.empty-state strong{color:var(--ivory);font-size:11px;font-weight:500}.empty-state span{max-width:145px;font-size:9px;line-height:1.5}.inspector{border-left:1px solid var(--line);background:#151517;padding:34px 24px}.inspector-title,.stream-heading{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.inspector-title>svg,.stream-heading>svg{color:var(--muted)}.field-label{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:10px;display:block}textarea{resize:vertical;border:1px solid var(--line);background:var(--panel);width:100%;min-height:102px;color:var(--ivory);border-radius:0;padding:12px;line-height:1.5}textarea:read-only{color:var(--muted);cursor:default}.field-meta{color:var(--muted);justify-content:space-between;margin-top:8px;font-size:10px;display:flex}.field-spacing{margin-top:18px}.inspector-input{border:1px solid var(--line);background:var(--panel);width:100%;height:38px;color:var(--ivory);border-radius:0;padding:0 10px}.counter-fields{grid-template-columns:1fr 1fr;gap:12px 8px;margin-top:18px;display:grid}.visibility-row{border-top:1px solid var(--line);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;margin-top:22px;padding:14px 0;display:flex}.visibility-row>div{gap:4px;display:grid}.visibility-row strong{font-size:11px;font-weight:500}.visibility-row span{color:var(--muted);font-size:9px}.visibility-toggle{border:1px solid var(--line);background:var(--panel);min-width:82px;height:34px;color:var(--ivory);cursor:pointer;justify-content:center;align-items:center;gap:7px;padding:0 9px;font-size:10px;display:inline-flex}.property-grid{grid-template-columns:repeat(3,1fr);gap:7px;margin-top:24px;display:grid}.property-grid>div{border:1px solid var(--line);background:var(--panel);padding:10px}.property-grid .field-label{margin-bottom:5px}.property-grid strong{font-family:var(--mono);font-size:12px;font-weight:400}.numeric-grid{grid-template-columns:repeat(2,1fr)}.numeric-grid label{border:1px solid var(--line);background:var(--panel);padding:9px}.numeric-grid input{width:100%;color:var(--ivory);font-family:var(--mono);background:0 0;border:0;outline:0;padding:0;font-size:11px}.font-size-field{margin-top:14px;display:block}.selected-asset{margin-top:20px}.selected-asset>img{border:1px solid var(--line);object-fit:contain;background:var(--panel);width:100%;max-height:170px;display:block}.selected-asset>small{color:var(--muted);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:9px;display:block;overflow:hidden}.selected-asset-missing{border:1px solid var(--line);min-height:82px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:8px;padding:14px;display:grid}.selected-asset-missing span{max-width:210px;font-size:9px;line-height:1.45}.selected-sound-heading{border:1px solid var(--line);align-items:center;gap:10px;min-height:58px;padding:10px;display:flex}.selected-sound-heading>svg{color:var(--muted);flex:none}.selected-sound-heading>div{gap:4px;min-width:0;display:grid}.selected-sound-heading strong{text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-weight:500;overflow:hidden}.selected-sound-heading small{color:var(--muted);font-size:8px;line-height:1.4}.selected-sound audio{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;width:100%;height:34px;margin-top:8px}.sound-loop-control{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:12px;font-size:10px;display:flex}.sound-loop-control input{accent-color:var(--accent)}.layer-actions{grid-template-columns:1fr 1fr;gap:6px;margin-top:18px;display:grid}.layer-actions button{border:1px solid var(--line);min-height:34px;color:var(--muted);cursor:pointer;white-space:nowrap;background:0 0;justify-content:center;align-items:center;gap:6px;padding:0 8px;font-size:9px;display:inline-flex}.layer-actions button:hover{color:var(--ivory)}.layer-actions .danger-button{color:#e39282;grid-column:1/-1}.inspector-empty{min-height:280px;color:var(--muted);text-align:center;place-content:center;justify-items:center;gap:10px;display:grid}.inspector-empty p{max-width:220px;font-size:10px;line-height:1.55}.role-workspace{place-items:center;min-height:calc(100vh - 64px);padding:32px;display:grid}.role-workspace section{border:1px solid var(--line);width:min(520px,100%);padding:28px}.role-workspace section>svg{color:var(--muted);margin-bottom:28px}.role-workspace p{max-width:470px;color:var(--muted);margin-top:16px;font-size:13px;line-height:1.6}.divider{background:var(--line);height:1px;margin:30px 0}.stream-heading{margin-bottom:12px}.helper{color:var(--muted);font-size:11px;line-height:1.55}.url-field{border:1px solid var(--line);background:var(--panel);cursor:pointer;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:16px;padding:10px 11px;display:flex}.url-field span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--muted);font-family:var(--mono);font-size:9px;overflow:hidden}.quiet-button{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;margin-top:11px;padding:8px 0;font-size:11px;display:inline-flex}.quiet-button:hover{color:var(--ivory)}.quiet-button:disabled{opacity:.45;cursor:not-allowed}.blackout-active{color:#e39282}.access-button{margin-left:16px}.missing-token,.error-message{color:var(--muted);margin-top:14px;font-size:11px;line-height:1.5}.error-message{color:#e39282}.loading-screen{min-height:100vh;color:var(--muted);place-content:center;justify-items:center;gap:18px;display:grid}.auth-screen{grid-template-columns:minmax(340px,.9fr) minmax(430px,1.1fr);min-height:100vh;display:grid}.auth-brand-panel{border-right:1px solid var(--line);background:#151517;flex-direction:column;justify-content:space-between;min-height:100vh;padding:38px 42px;display:flex}.auth-brand-panel>div{max-width:470px}.auth-brand-panel h1{max-width:430px;font-size:clamp(38px,5vw,68px)}.auth-brand-panel p{max-width:420px;color:var(--muted);margin-top:22px;line-height:1.65}.auth-footnote{color:var(--muted);font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em;font-size:10px}.auth-form-panel{place-items:center;min-height:100vh;padding:42px;display:grid}.auth-form{width:min(100%,390px)}.auth-form-heading{margin-bottom:32px}.auth-form-heading h2{font-size:28px}.auth-form-heading p{color:var(--muted);margin-top:12px;font-size:13px;line-height:1.6}.auth-form input,.invite-form input,.invite-form select{border:1px solid var(--line);background:var(--panel);width:100%;height:44px;color:var(--ivory);border-radius:0;margin-bottom:18px;padding:0 12px}.auth-form input:read-only{color:var(--muted)}.password-note{color:var(--muted);margin-top:-9px;margin-bottom:18px;font-size:10px}.auth-error{margin:0 0 16px}.auth-submit{justify-content:space-between;width:100%}.auth-switch{justify-content:center;width:100%}.invite-note{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:18px;font-size:11px;display:flex}.modal-backdrop{z-index:20;background:#060607c7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.access-modal{background:#151517;border:1px solid #444448;width:min(680px,100%);max-height:calc(100vh - 48px);padding:28px;overflow-y:auto;box-shadow:0 28px 90px #0000007a}.modal-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.invite-form{grid-template-columns:minmax(0,1fr) 140px auto;align-items:end;gap:10px;display:grid}.invite-form input,.invite-form select{margin:0}.invite-form .publish-button{white-space:nowrap}.generated-invite{border:1px solid var(--accent);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:16px;width:100%;margin-top:14px;padding:11px 12px;display:flex}.generated-invite span{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-family:var(--mono);font-size:9px;overflow:hidden}.invitation-list{border-top:1px solid var(--line);margin-top:30px;padding-top:24px}.invitation-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:54px;display:flex}.invitation-row>div{flex-direction:column;gap:5px;min-width:0;display:flex}.invitation-row strong{text-overflow:ellipsis;font-size:12px;font-weight:500;overflow:hidden}.invitation-row span{color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:9px}.overlay-document,.overlay-document body,.overlay-document #root{width:100%;height:100%;min-height:0;overflow:hidden;background:0 0!important}.overlay-viewport{background:0 0;position:fixed;inset:0;overflow:hidden}.overlay-message{background:var(--obsidian);color:var(--ivory);font-family:var(--mono);padding:10px 12px;font-size:12px;position:fixed;bottom:24px;left:24px}@media (width<=1120px){.editor-workspace{grid-template-columns:minmax(0,1fr) 300px}.editor-workspace .layer-panel{border-right:0;border-bottom:1px solid var(--line);grid-column:1/-1;grid-template-columns:180px minmax(420px,1fr);align-items:start;gap:10px 20px;padding:18px 20px;display:grid}.editor-workspace .panel-heading{margin:0}.editor-workspace .add-element-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-workspace .library-note{grid-column:2;margin:-2px 2px 0}.editor-workspace .layer-list{grid-column:1/-1;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.editor-workspace .asset-library,.editor-workspace .cue-library{grid-column:1/-1}.editor-workspace .asset-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}}@media (width<=900px){.topbar{grid-template-columns:1fr auto}.project-identity{display:none}.workspace,.editor-workspace{grid-template-columns:1fr}.layer-panel,.editor-workspace .layer-panel{border-right:0;border-bottom:1px solid var(--line);padding:22px 20px;display:block}.editor-workspace .panel-heading{margin-bottom:20px}.add-element-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.editor-workspace .library-note{margin:10px 2px 18px}.layer-list{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.asset-list{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.stage-column{padding:26px 20px 20px}.inspector{border-top:1px solid var(--line);border-left:0}.auth-screen{grid-template-columns:1fr}.auth-brand-panel{border-right:0;border-bottom:1px solid var(--line);min-height:360px}.auth-form-panel{min-height:auto}}@media (width<=620px){.topbar{padding:0 18px}.connection,.account-button span,.role-badge{display:none}.section-heading{align-items:flex-start}.resolution{display:none}.publish-strip{grid-template-columns:1fr auto;padding:14px 0}.publish-strip p{display:none}.publish-state{flex-direction:column;align-items:flex-start;gap:5px}.stage-frame{padding:6px}.add-element-grid,.editor-workspace .add-element-grid{grid-template-columns:1fr 1fr}.layer-list,.asset-list{grid-template-columns:1fr}.auth-brand-panel,.auth-form-panel{padding:28px 20px}.auth-brand-panel{min-height:310px}.invite-form{grid-template-columns:1fr}.invite-form .publish-button{justify-content:center;width:100%}.access-modal{padding:22px 18px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}.asset-spinner{animation:none}}