/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}}:root{--ink-950:#0d1114;--ink-900:#151a1e;--ink-850:#1a2025;--ink-800:#20272d;--ink-750:#293139;--ink-700:#343d45;--line:#3b454e;--line-soft:#303941;--text:#eef2f1;--muted:#9ba8ac;--mint:#62c5a8;--mint-dark:#317b69;--blue:#79a7d8;--amber:#d4a55f;--red:#e85b62;--mono:"SFMono-Regular", "Cascadia Code", "Roboto Mono", Consolas, monospace}*{box-sizing:border-box}html,body{background:var(--ink-950);width:100%;min-height:100%;color:var(--text);margin:0}body{font-family:var(--font-geist-sans), "Pretendard", "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--mint);outline-offset:2px}.lobby-shell{background-color:#11161a;place-items:center;min-height:100dvh;padding:48px 24px;display:grid}.lobby{width:min(980px,100%)}.brand-lockup{align-items:center;gap:16px;display:flex}.brand-mark,.exit-button{color:#a8ebd5;width:48px;height:48px;font-family:var(--mono);background:#213e36;border:1px solid #6d8d82;place-items:center;font-weight:900;display:grid}.brand-lockup p{color:var(--muted);font-family:var(--mono);letter-spacing:.18em;margin:0 0 3px;font-size:10px;font-weight:700}.brand-lockup h1{font-family:var(--mono);letter-spacing:-.04em;margin:0;font-size:clamp(26px,4vw,40px);line-height:1}.lobby-intro{color:#c0c9cb;max-width:680px;margin:30px 0 26px;font-size:16px;line-height:1.7}.role-grid{border:1px solid var(--line);background:var(--ink-900);grid-template-columns:1fr 1fr;display:grid;box-shadow:0 22px 80px #00000057}.role-card{min-width:0;padding:34px;position:relative}.role-card+.role-card{border-left:1px solid var(--line)}.role-card:before{content:"";background:var(--mint);height:3px;position:absolute;inset:0 0 auto}.director-card:before{background:var(--blue)}.role-index{color:#3a464e;font-family:var(--mono);font-size:38px;font-weight:800;position:absolute;top:30px;right:32px}.eyebrow{font-family:var(--mono);letter-spacing:.13em;font-weight:800;color:var(--mint)!important;margin:0 0 12px!important;font-size:10px!important}.director-card .eyebrow{color:var(--blue)!important}.role-card h2{letter-spacing:-.04em;margin:0 0 9px;font-size:25px}.role-card>p:not(.eyebrow){min-height:48px;color:var(--muted);margin:0 0 28px;font-size:13px;line-height:1.65}.field-label{color:#c5ced0;font-family:var(--mono);letter-spacing:.08em;margin-bottom:8px;font-size:10px;font-weight:700;display:block}.role-card input{width:100%;height:48px;color:var(--text);background:#0f1418;border:1px solid #46515a;border-radius:0;padding:0 14px}.role-card input::placeholder{color:#59656c}.role-card .code-input{font-family:var(--mono);letter-spacing:.18em;font-size:21px;font-weight:700}.director-key-label{margin-top:13px}.role-card .director-key-input{font-family:var(--mono);letter-spacing:.08em;font-size:14px;font-weight:700}.primary-action{color:#fff;cursor:pointer;background:#357d69;border:1px solid #68c2aa;width:100%;height:48px;margin-top:12px;font-weight:800}.primary-action:hover{background:#3e9079}.primary-action.director-action{background:#4b6f96;border-color:#79a7d8}.primary-action.director-action:hover{background:#577ea8}.primary-action:disabled{cursor:not-allowed;opacity:.45}.inline-join{grid-template-columns:1fr auto;gap:7px;margin-top:12px;display:grid}.inline-join input{height:38px;font-family:var(--mono);font-size:12px}.inline-join button{color:#cbd3d4;cursor:pointer;background:#252d33;border:1px solid #46515a;padding:0 13px;font-size:12px}.monitor-note{color:#859398;align-items:center;gap:8px;margin-top:22px;font-size:11px;display:flex}.monitor-note span{background:var(--blue);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #79a7d81f}.lobby-notice{border:1px solid var(--line);color:#98a5a9;min-height:40px;font-family:var(--mono);background:#0e1317;border-top:0;padding:12px 16px;font-size:11px}.studio-shell{background:var(--ink-900);grid-template-rows:48px 64px 38px 34px minmax(0,1fr) 30px;min-width:920px;height:100dvh;display:grid;overflow:hidden}.remote-audio{opacity:0;pointer-events:none;width:1px;height:1px;position:fixed}.studio-header{z-index:20;background:#151a1e;border-bottom:1px solid #3d464d;grid-template-columns:224px 1fr auto;align-items:stretch;display:grid;position:relative}.studio-brand{border-right:1px solid #323a41;align-items:center;gap:10px;min-width:0;padding:0 10px;display:flex}.exit-button{cursor:pointer;border:1px solid #517568;width:30px;height:30px;font-size:13px}.studio-brand div{flex-direction:column;min-width:0;display:flex}.studio-brand strong{font-family:var(--mono);letter-spacing:.08em;font-size:11px}.studio-brand span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.menu-strip{align-items:stretch;display:flex}.menu-strip button{color:#afb9bc;cursor:pointer;background:0 0;border:0;padding:0 13px;font-size:11px}.menu-strip button:hover{color:#fff;background:#252d33}.session-meta{align-items:center;gap:7px;padding:0 9px;display:flex}.session-code{color:#e9eeee;height:30px;font-family:var(--mono);letter-spacing:.09em;cursor:pointer;background:#0f1417;border:1px solid #404b53;align-items:center;gap:8px;padding:0 9px;font-size:12px;font-weight:800;display:flex}.session-code span{color:#6f7e84;letter-spacing:.06em;font-size:8px}.session-code.director-key{color:#a9cff2;letter-spacing:.04em;border-color:#4f6d8d;font-size:9px}.role-pill,.connection-pill{color:#bac3c5;border:1px solid #46515a;align-items:center;gap:6px;height:26px;padding:0 8px;font-size:10px;font-weight:700;display:inline-flex}.role-pill.client{color:#8addc5;border-color:#3d7464}.role-pill.director{color:#9cc7ef;border-color:#4f6d8d}.connection-pill i{background:#68737a;border-radius:50%;width:6px;height:6px}.connection-pill.connected i{background:var(--mint);box-shadow:0 0 7px var(--mint)}.connection-pill.connecting i,.connection-pill.waiting i{background:var(--amber)}.connection-pill.error i{background:var(--red)}.download-button,.shortcut-button{color:#d8f5ec;cursor:pointer;background:#29493f;border:1px solid #55786c;height:30px;padding:0 11px;font-size:10px;font-weight:800}.daw-control-bar{z-index:17;color:#8d999d;font-family:var(--mono);background:#181f23;border-bottom:1px solid #3a434a;align-items:center;gap:6px;padding:4px 10px;font-size:8px;display:flex;position:relative;overflow:hidden}.tempo-control,.grid-division-control,.clip-sync-control,.clip-sync-control label{align-items:center;gap:5px;display:flex}.tempo-control,.grid-division-control{background:#11171a;border:1px solid #465159;height:28px;padding-left:7px}.tempo-control input,.clip-sync-control input{color:#cfe5df;height:24px;font-family:var(--mono);text-align:center;background:#0c1114;border:0;border-left:1px solid #3e484f;border-right:1px solid #3e484f;border-radius:0;outline:0;font-size:10px;font-weight:800}.tempo-control input{width:55px}.tempo-control b,.clip-sync-control b{color:#657379;padding-right:6px;font-size:7px}.daw-toggle,.clip-sync-control button{color:#8f9b9f;height:28px;font-family:var(--mono);cursor:pointer;background:#252d32;border:1px solid #48545b;padding:0 8px;font-size:8px;font-weight:800}.daw-toggle.active{color:#bcebdd;background:#29473e;border-color:#5e907f}.daw-toggle.metro.active{color:#f2d392;background:#554427;border-color:#a88149}.daw-toggle:disabled,.clip-sync-control button:disabled,.clip-sync-control input:disabled{opacity:.38;cursor:default}.control-divider{background:#3f494f;width:1px;height:22px;margin:0 2px}.grid-division-control select{color:#b7c2c4;height:26px;font-family:var(--mono);background:#20282d;border:0;border-left:1px solid #3e484f;border-radius:0;padding:0 6px;font-size:9px}.grid-readout{color:#657277;text-align:center;width:43px}.clip-sync-control{background:#141b1f;border:1px solid #4e5b63;height:28px;padding-left:7px}.clip-sync-control>span{color:#8ba0a7}.clip-sync-control input{width:62px}.clip-sync-control button{border-width:0 0 0 1px;padding:0 7px}.clip-sync-control .sync-reset{color:#729b8f}.clip-sync-control.disabled{opacity:.48}.daw-control-bar>p{color:#66747a;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0 0 0 auto;overflow:hidden}.download-button:hover,.shortcut-button:hover{background:#335b4e}.download-button:disabled{opacity:.45}.transport-bar{z-index:18;background:#20272c;border-bottom:1px solid #3b444b;grid-template-columns:1fr auto 1fr;align-items:center;padding:7px 10px;display:grid;position:relative}.tool-group,.transport-controls,.right-tools{align-items:center;gap:5px;display:flex}.transport-controls{justify-content:center}.right-tools{justify-content:flex-end}.icon-button{color:#cbd2d3;min-width:35px;height:34px;font-family:var(--mono);cursor:pointer;background:#2b3339;border:1px solid #4a555d;padding:0 7px;font-size:11px;font-weight:800}.icon-button:hover{background:#353e45;border-color:#68757e}.icon-button.is-active{color:#c9f5e8;background:#315c50;border-color:#65ae99}.tool-divider{background:#485159;width:1px;height:25px;margin:0 4px}.record-button{cursor:pointer;background:#38292c;border:1px solid #70484c;place-items:center;width:36px;height:34px;display:grid}.record-button span{background:#d9575e;border-radius:50%;width:12px;height:12px}.record-button.is-recording{background:#672d32;border-color:#ff747a}.record-button.is-recording span{animation:.85s steps(2,end) infinite record-pulse}@keyframes record-pulse{50%{opacity:.25}}.time-display{color:#b5f3dd;min-width:132px;height:38px;font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:.04em;background:#0c1215;border:1px solid #526069;place-items:center;font-size:18px;display:grid}.zoom-control{background:#171d21;border:1px solid #48535b;align-items:center;height:34px;display:flex}.zoom-control>span{color:#849197;font-family:var(--mono);padding:0 8px;font-size:8px}.zoom-control button{color:#dce2e2;cursor:pointer;background:#2a3238;border:0;border-left:1px solid #3f494f;width:30px;height:32px}.zoom-control b{text-align:center;color:#b7c1c4;width:34px;font-family:var(--mono);font-size:10px}.shortcut-button{color:#c9d0d2;background:#2b3339;border-color:#526069}.status-ribbon{z-index:17;color:#7f8c92;font-family:var(--mono);background:#171d21;border-bottom:1px solid #353e44;grid-template-columns:auto 1fr auto auto;align-items:center;gap:12px;padding:0 11px;font-size:9px;display:grid;position:relative}.status-ribbon>span:first-child{font-weight:800}.status-ribbon .ok{color:#80d3bc}.status-ribbon .warn{color:#dda960}.status-ribbon p{color:#a8b2b5;text-overflow:ellipsis;white-space:nowrap;margin:0;overflow:hidden}.status-ribbon button{color:#cef0e5;cursor:pointer;background:#29453c;border:1px solid #58776c;height:24px;font-size:9px}.timeline-scroll{overscroll-behavior:contain;scrollbar-color:#526069 #181e22;scrollbar-width:thin;background:#111619;position:relative;overflow:auto}.timeline-scroll::-webkit-scrollbar{width:11px;height:11px}.timeline-scroll::-webkit-scrollbar-track{background:#181e22}.timeline-scroll::-webkit-scrollbar-thumb{background:#526069;border:2px solid #181e22}.timeline-content{min-height:100%;position:relative}.timeline-content.grid-enabled .ruler,.timeline-content.grid-enabled .track-lane{background-image:repeating-linear-gradient(to right, #97b4ae21 0, #97b4ae21 1px, transparent 1px, transparent var(--grid-size))}.track-lane.is-drop-target{outline-offset:-3px;background-color:#26352f;outline:2px solid #76d0b6}.ruler-row,.track-row{grid-template-columns:224px auto;display:grid}.ruler-row{z-index:12;height:34px;position:sticky;top:0}.ruler-corner,.track-header{z-index:10;border-right:1px solid #475159;width:224px;position:sticky;left:0}.ruler-corner{z-index:14;color:#9ba6aa;font-family:var(--mono);background:#1d2429;border-bottom:1px solid #48525a;justify-content:space-between;align-items:center;padding:0 10px;font-size:8px;display:flex}.ruler-corner b{color:#6f7b80;font-size:8px}.ruler{cursor:text;background:#20272c;border-bottom:1px solid #48525a;height:34px;position:relative}.ruler-tick{border-left:1px solid #59646c;position:absolute;inset:0 auto}.ruler-tick i{width:1px;height:5px;box-shadow:calc(var(--tick-quarter,1) * 0px) 0 transparent;background:#3e484f;position:absolute;bottom:0;left:25%}.ruler-tick b{color:#c0c8ca;font-family:var(--mono);font-size:8px;font-weight:500;position:absolute;top:5px;left:4px}.track-row{border-bottom:1px solid #354047}.mr-row{min-height:92px}.vocal-row{min-height:116px}.track-header{background:#242c31;align-items:center;gap:9px;padding:10px;display:flex}.track-number{color:#aeb8bb;width:29px;height:29px;font-family:var(--mono);background:#151b1f;border:1px solid #56636c;flex:none;place-items:center;font-size:10px;font-weight:800;display:grid}.track-header>div:not(.track-number):not(.track-title){flex-direction:column;flex:1;min-width:0;display:flex}.track-header strong{color:#e5e9e9;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.track-header span{color:#7d898e;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:8px;overflow:hidden}.track-header>button:not(.playlist-toggle):not(.solo):not(.playlist-record):not(.promote-main):not(.playlist-add-button){color:#b8c1c3;cursor:pointer;background:#303941;border:1px solid #52616a;padding:5px 7px;font-size:8px}.mr-header{background:#242e35}.mr-channel,.track-channel{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.mr-channel>div,.track-name-row{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.mr-channel>div{flex-direction:column;align-items:flex-start;gap:0}.track-name-row>strong{flex:1}.track-name-row>span{color:#70b9a4;font-family:var(--mono);flex:none;margin:0;font-size:7px;font-weight:800}.channel-buttons{align-items:center;gap:3px;display:flex}.channel-button,.add-playlist-mini{color:#8e9a9f;height:21px;font-family:var(--mono);cursor:pointer;background:#1b2227;border:1px solid #4a555d;padding:0 6px;font-size:8px;font-weight:800}.channel-button.mute.active{color:#ffd0b8;background:#693b2d;border-color:#bf7656}.channel-button.solo.active{color:#ffdf9f;background:#72582c;border-color:#c39b58}.channel-button.record.active{color:#ffbec1;background:#6b3035;border-color:#cc6066}.add-playlist-mini{color:#79bda9;border-color:#4b6d62;margin-left:auto}.channel-buttons .playlist-toggle{height:21px;padding:0 5px}.mini-fader{color:#78858a;min-width:0;font-family:var(--mono);grid-template-columns:24px minmax(55px,1fr) 35px;align-items:center;gap:4px;font-size:7px;display:grid}.mini-fader>span,.track-header .mini-fader>span{color:#78858a;margin:0;font-size:7px}.mini-fader input[type=range]{accent-color:#72b9a4;cursor:ew-resize;width:100%;height:13px;margin:0}.mini-fader b{color:#a8b4b7;text-align:right;font-size:7px;font-weight:700}.pan-fader input[type=range]{accent-color:#94a9ca}.mr-fader{grid-template-columns:24px minmax(50px,1fr) 35px}.vocal-header{border-left:3px solid var(--track-color);align-items:flex-start;padding-top:8px;padding-bottom:8px}.track-title{flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.track-title select{color:#aeb9bc;background:#151b1f;border:1px solid #4d5961;border-radius:0;width:100%;height:23px;padding:0 4px;font-size:9px}.playlist-toggle{color:#9ca8ac;height:27px;font-family:var(--mono);cursor:pointer;background:#1c2327;border:1px solid #4c585f;font-size:8px}.playlist-toggle.open{color:#83cdb7;border-color:#567e71}.track-lane{min-height:inherit;background-color:#1a2024;position:relative;overflow:hidden;box-shadow:inset 140px 0 #ccdcdf05,inset 0 23px #ccdcdf03}.mr-row .track-lane{background-color:#182127;height:92px}.vocal-lane{height:116px}.vocal-lane.is-track-selected{background-color:#1e2629}.empty-mr{color:#71838d;cursor:pointer;background:#192329bf;border:1px dashed #4a5c67;font-size:10px;position:absolute;inset:15px}.mr-clip,.audio-clip{border:1px solid;border-radius:2px;position:absolute;top:7px;bottom:7px;overflow:hidden}.mr-clip{background:#31495a;border-color:#517590;left:0}.mr-clip>span,.clip-name{z-index:2;color:#ffffffe6;max-width:calc(100% - 10px);font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;pointer-events:none;font-size:8px;font-weight:700;position:absolute;top:3px;left:5px;overflow:hidden}.clip-sync-badge{z-index:3;color:#ffe18f;font-family:var(--mono);pointer-events:none;background:#20231fc2;border:1px solid #ffe18f8c;padding:1px 3px;font-size:6px;position:absolute;top:3px;right:4px}.wave-canvas{pointer-events:none;width:calc(100% - 6px);height:calc(100% - 19px);position:absolute;inset:16px 3px 3px}.audio-clip{border-color:var(--clip-color)}@supports (color:color-mix(in lab, red, red)){.audio-clip{border-color:color-mix(in srgb, var(--clip-color) 72%, #1d2529)}}.audio-clip{background:var(--clip-color)}@supports (color:color-mix(in lab, red, red)){.audio-clip{background:color-mix(in srgb, var(--clip-color) 54%, #243039)}}.audio-clip{text-align:left;cursor:grab;touch-action:none;padding:0}.audio-clip:active{cursor:grabbing}.audio-clip:hover{filter:brightness(1.1)}.audio-clip.is-selected{border:2px solid #f1d379;box-shadow:inset 0 0 0 1px #171d20,0 0 0 1px #f1d37973}.audio-clip.is-muted{opacity:.38;filter:grayscale(.8)}.lane-empty{color:#56636a;font-family:var(--mono);pointer-events:none;font-size:9px;position:absolute;top:50%;left:18px;transform:translateY(-50%)}.playlist-stack{background:#13191d}.playlist-row{border-bottom-color:#303940;min-height:68px}.playlist-header{background:#1b2227;gap:5px;min-height:68px;padding-left:18px}.playlist-header .solo{color:#79868b;width:24px;height:24px;font-family:var(--mono);cursor:pointer;background:#252d33;border:1px solid #4a555d;font-size:9px;font-weight:800}.playlist-header .solo.active{color:#ffdf9f;background:#72582c;border-color:#c39b58}.playlist-header .playlist-record{color:#8d7479;width:24px;height:24px;font-family:var(--mono);cursor:pointer;background:#2b2528;border:1px solid #57474b;padding:0;font-size:9px;font-weight:800}.playlist-header .playlist-record.active{color:#ffbec1;background:#6b3035;border-color:#cc6066}.playlist-header .promote-main{color:#82c4b0;height:24px;font-family:var(--mono);cursor:pointer;background:#22332e;border:1px solid #4b6d62;flex:none;padding:0 5px;font-size:7px}.playlist-header .promote-main:disabled{opacity:.35;cursor:default}.playlist-dot{border-radius:50%;flex:none;width:7px;height:7px}.playlist-header strong{color:#aeb8bb;flex:1;min-width:0}.playlist-header i{color:#6db19d;font-family:var(--mono);border:1px solid #4b6d62;padding:3px 4px;font-size:6px;font-style:normal}.playlist-lane{background-color:#171d21;height:68px}.playlist-lane.is-record-target{background-color:#1d2022;box-shadow:inset 3px 0 #a54d53}.playlist-add-row{min-height:42px}.playlist-add-header{background:#171d21;min-height:42px;padding:7px 12px 7px 28px}.playlist-add-header>button{color:#80bdaa;height:25px;font-family:var(--mono);cursor:pointer;background:#22322d;border:1px solid #4b6d62;padding:0 8px;font-size:8px}.playlist-add-header>span{color:#58676b;font-family:var(--mono);margin-left:auto;font-size:6px}.playlist-add-lane{color:#3f4b50;height:42px;font-family:var(--mono);letter-spacing:.16em;background:#141a1e;align-items:center;padding-left:18px;font-size:7px;display:flex}.add-track-row{color:#8f9da1;cursor:pointer;background:#20282d;border-top:0;border-bottom:1px solid #354047;border-left:0;border-right:1px solid #465159;width:224px;height:42px;font-size:10px;position:sticky;left:0}.add-track-row:hover{color:#ccece2;background:#27342f}.playhead{z-index:9;pointer-events:none;background:#f1c85d;width:1px;position:absolute;top:0;bottom:0}.playhead span{clip-path:polygon(0 0,100% 0,50% 100%);background:#f1c85d;width:9px;height:9px;display:block;position:sticky;top:0;transform:translate(-4px)}.studio-footer{z-index:20;color:#718087;font-family:var(--mono);white-space:nowrap;background:#171d21;border-top:1px solid #414a51;align-items:center;gap:18px;padding:0 11px;font-size:8px;display:flex;position:relative}.studio-footer b{color:#95a2a6;margin-left:auto}.modal-backdrop{z-index:100;background:#04080ac7;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.shortcut-modal{background:#1b2227;border:1px solid #556169;width:min(780px,100%);max-height:min(720px,100dvh - 48px);overflow:auto;box-shadow:0 25px 90px #0000008c}.shortcut-modal header{border-bottom:1px solid #434d54;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.shortcut-modal header p{color:#6f7d82;font-family:var(--mono);letter-spacing:.12em;margin:0 0 4px;font-size:8px}.shortcut-modal h2{margin:0;font-size:20px}.shortcut-modal header button{color:#bbc4c6;cursor:pointer;background:#293137;border:1px solid #4c575f;height:32px}.shortcut-grid{background:#384148;grid-template-columns:1fr 1fr;gap:1px;display:grid}.shortcut-grid>div{background:#20272c;grid-template-columns:150px 1fr;align-items:center;gap:10px;min-height:48px;padding:9px 13px;display:grid}.shortcut-grid .shortcut-highlight{background:#263a34}.shortcut-grid kbd{color:#d9dede;width:fit-content;font-family:var(--mono);white-space:nowrap;background:#111619;border:1px solid #59656d;border-bottom-width:2px;padding:5px 7px;font-size:9px}.shortcut-grid span{color:#a8b2b5;font-size:11px}.browser-caveat{color:#758389;border-top:1px solid #3d464d;margin:0;padding:13px 18px;font-size:10px}@media (width<=760px){.lobby-shell{padding:24px 14px}.role-grid{grid-template-columns:1fr}.role-card+.role-card{border-top:1px solid var(--line);border-left:0}.role-card{padding:28px 22px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}