@layer tokens,base,controls;@layer features{.draw-layer{z-index:1;pointer-events:none;touch-action:none;width:100%;height:100%;position:absolute;inset:0}.draw-layer.is-armed{cursor:crosshair;pointer-events:auto}.draw-layer.is-armed.tool-move,.draw-layer.is-armed.tool-erase{cursor:default}.player-stage:has(.draw-layer.is-armed) .player-webcam{opacity:.35}.draw-toolbar{z-index:3;border-radius:var(--r-md);-webkit-user-select:none;user-select:none;--control-h:26px;flex-wrap:wrap;align-items:center;gap:8px;width:max-content;max-width:calc(100% - 24px);padding:6px 8px;display:flex;position:absolute;top:12px;left:50%;transform:translate(-50%)}.draw-group{align-items:center;gap:2px;display:flex}.draw-group+.draw-group{border-left:1px solid var(--line-2);padding-left:8px}.draw-width{width:26px;padding:0}.draw-width-bar{border-radius:var(--r-pill);background:currentColor;width:14px}.draw-swatch{width:16px;height:16px;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;border:0;border-radius:50%;padding:0}.draw-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--ink)}.draw-count{color:var(--ink-2);white-space:nowrap;font-size:12px}.draw-text-input{z-index:3;border:1px dashed var(--ink-3);background:var(--glass);font:500 13px / 1.2 var(--font);resize:none;padding:2px 6px;position:absolute}.player{justify-content:center;align-items:center;width:100%;min-width:0;height:100%;min-height:0;display:flex;position:relative;container-type:size}.player-stage{width:calc(min(100cqw, 100cqh * var(--frame-ar,1.7778)) * var(--zoom,1));aspect-ratio:var(--frame-ar,1.7778);border-radius:var(--r-md);background:var(--bg);box-shadow:var(--shadow-card);transform:translate(var(--pan-x,0), var(--pan-y,0));flex:none;position:relative;overflow:hidden}.player-video{background:var(--bg);object-fit:contain;width:100%;height:100%;display:block}.player-webcam{aspect-ratio:11/8;border:2px solid var(--ink);border-radius:var(--r-key);background:var(--bg);width:20%;box-shadow:var(--shadow-thumb);object-fit:cover;position:absolute;bottom:4%;right:3%}.player-webcam.hidden{display:none}.stage-note{border-radius:var(--r-md);color:var(--ink);font:400 12px / 1.4 var(--font);gap:2px;padding:8px 12px;display:grid;position:absolute}.stage-corner{top:12px;left:12px}.stage-center{text-align:center;justify-items:center;max-width:420px;padding:14px 18px;top:50%;left:50%;transform:translate(-50%,-50%)}.stage-center strong{font:600 14px / 1.3 var(--font)}.stage-center code{color:inherit}.stage-card{aspect-ratio:16/9;border-radius:var(--r-xl);background:var(--bg);width:min(100cqw,177.78cqh);max-height:100cqh;box-shadow:inset 0 0 0 1px var(--line-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex;overflow:auto}.stage-card-tile{border-radius:var(--r-lg);background:var(--surface);width:56px;height:56px;box-shadow:var(--shadow-card);color:var(--ink);flex:none;place-items:center;display:grid}.stage-card-title{margin:4px 0 0;font-size:32px;line-height:1.05}.stage-card-text{max-width:460px;color:var(--ink-2);font:400 14px / 1.45 var(--font);margin:0}.stage-card-list{border-radius:var(--r-lg);background:var(--surface);width:min(100%,460px);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;flex-direction:column;margin:4px 0 0;padding:6px 16px;list-style:none;display:flex}.stage-card-list li{color:var(--ink);font:400 13px / 1.3 var(--font);align-items:center;gap:10px;padding:7px 0;display:flex}.stage-card-list svg{color:var(--ink-2);flex:none}.stage-card-note{color:var(--ink-3);font:400 12px / 1.4 var(--font);align-items:center;gap:6px;margin:0;display:flex}.stage-card-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:4px;display:flex}.stage-card .error-note{max-width:460px;margin:0}.stage-progress{border-radius:var(--r-lg);background:var(--surface);width:min(100%,460px);box-shadow:inset 0 0 0 1px var(--line-2);text-align:left;flex-direction:column;gap:10px;padding:14px 16px;display:flex}.stage-progress-head,.stage-progress-foot{justify-content:space-between;align-items:center;gap:12px;display:flex}.stage-progress-head strong{font:600 13px / 1.2 var(--font)}.stage-progress-of,.stage-progress-foot span{color:var(--ink-3);font:400 11.5px / 1.3 var(--mono);font-variant-numeric:tabular-nums}.monitor-controls{--icon-btn:36px;align-items:center;gap:10px;min-width:0;height:64px;padding:0 12px;display:flex}.monitor-controls .scrub{flex:auto;min-width:80px;height:20px;margin:0 6px;position:relative}.scrub-pips{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;right:0}.seek-bar{appearance:none;cursor:pointer;background:0 0;width:100%;height:100%;margin:0;position:absolute;inset:0}.seek-bar::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--ink-3) var(--progress,0%), var(--surface-3) var(--progress,0%));border-radius:2px;height:4px}.seek-bar::-webkit-slider-thumb{appearance:none;background:var(--playhead);border-radius:50%;width:14px;height:14px;margin-top:-5px}.monitor-time{color:var(--ink-3);font:400 12px / 1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.monitor-now{color:var(--ink);font-weight:500}.glass-tabs{border-radius:var(--r-md);flex:none;gap:4px;height:42px;padding:4px;display:flex}.glass-tab{border-radius:var(--r-sm);min-width:0;height:34px;color:var(--ink-3);cursor:pointer;font:600 12.5px / 1 var(--font);transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);white-space:nowrap;background:0 0;border:0;flex:1 1 0;justify-content:center;align-items:center;gap:6px;padding:0 4px;display:flex}.glass-tab:hover:not(:disabled):not([aria-selected=true]){color:var(--ink-2)}.glass-tab[aria-selected=true]{background:var(--surface);box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink)}.glass-tab:disabled{color:var(--ink-4);cursor:default}.glass-tab-count{font-variant-numeric:tabular-nums}.glass-tab[aria-selected=true] .glass-tab-count{color:var(--ink)}.panel-section{background:var(--surface);box-shadow:var(--shadow-card);border-radius:18px;flex:none;padding:0 14px 14px}.panel-section.is-closed{padding-bottom:0}.panel-head{align-items:center;gap:10px;height:44px;display:flex}.panel-toggle{min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;flex:auto;align-items:center;gap:10px;padding:0;display:flex}.panel-icon{color:var(--ink-3);flex:none}.panel-title{min-width:0;font:600 14px / 1.2 var(--font);text-overflow:ellipsis;white-space:nowrap;flex:0 auto;margin:0;overflow:hidden}.panel-meta{min-width:0;color:var(--ink-3);font:400 12px / 1.2 var(--font);text-overflow:ellipsis;white-space:nowrap;margin-left:auto;overflow:hidden}.panel-chevron{width:20px;height:100%;color:var(--ink-3);cursor:pointer;background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.panel-content{flex-direction:column;gap:8px;display:flex}.panel-list{border-radius:var(--r-md);background:var(--bg);flex-direction:column;display:flex;overflow:hidden}.panel-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:38px;color:var(--ink);font:500 13px / 1.25 var(--font);text-align:left;background:0 0;align-items:center;gap:10px;padding:0 12px;display:flex}.panel-row:last-child{border-bottom:0}button.panel-row{cursor:pointer}button.panel-row:hover,.panel-row.is-current{background:var(--surface-2)}.row-time{width:58px;color:var(--ink-3);font:400 12px / 1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.row-dot{border-radius:3px;flex:none;width:8px;height:8px}.row-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.row-value{color:var(--ink-3);font:400 11.5px / 1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;flex:none}.row-value.is-warn{color:var(--warn)}.tool-key{border-radius:var(--r-sm);width:36px;height:36px;color:var(--ink-2);cursor:pointer;transition:background var(--motion-fast) var(--ease), color var(--motion-fast) var(--ease);background:0 0;border:0;flex:none;place-items:center;padding:0;display:grid}.tool-key:hover:not(:disabled){background:var(--surface-2);color:var(--ink)}.tool-key:disabled{color:var(--ink-4);cursor:default}.tool-key.is-active{background:var(--inverse);width:40px;height:40px;color:var(--on-inverse);border-radius:11px}.tool-key.is-active:hover:not(:disabled){background:var(--inverse);color:var(--on-inverse);opacity:.9}.split-key{border-radius:var(--r-key);background:var(--key-face);height:36px;box-shadow:inset 0 0 0 1px var(--line-2);flex:none;align-items:stretch;display:inline-flex}.split-main,.split-more{color:var(--ink);cursor:pointer;font:600 14px / 1 var(--font);background:0 0;border:0;align-items:center;display:inline-flex}.split-main{border-radius:var(--r-key) 0 0 var(--r-key);gap:7px;padding:0 14px}.split-more{border-radius:0 var(--r-key) var(--r-key) 0;justify-content:center;height:100%;padding:0 10px}.split-main:hover:not(:disabled),.split-more:hover:not(:disabled){background:var(--key-face-hover)}.split-main:disabled,.split-more:disabled{color:var(--ink-4);cursor:default}.split-key .menu-anchor{display:flex}.split-divider{background:var(--key-edge);align-self:stretch;width:1px}.chip-dot{border-radius:50%;flex:none;width:6px;height:6px}.notes-panel{flex-direction:column;height:100%;min-height:0;display:flex}.notes-scroll{flex-direction:column;flex:auto;gap:10px;min-height:0;padding:12px;display:flex;overflow:hidden auto}.notes-filters{gap:6px}.notes-status{color:var(--ink-3);margin:0;font-size:12px}.notes-empty{color:var(--ink-2);text-align:center;padding:16px 8px;font-size:13px;line-height:1.5}.notes-empty p{margin:0 0 8px}.notes-empty p:first-child{color:var(--ink);font-weight:600}.notes-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.note-card{background:var(--surface);box-shadow:var(--shadow-card);transition:box-shadow var(--motion-fast) var(--ease);border-radius:16px;flex-direction:column;gap:8px;padding:14px;display:flex}.note-card.is-current{box-shadow:0 0 0 2px var(--ink)}.note-card.is-focused{box-shadow:0 0 0 2px var(--cat-note)}.note-head{align-items:center;gap:8px;min-height:22px;display:flex}.note-author{min-width:0;font:700 13px / 1.2 var(--font);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.note-time{border-radius:var(--r-xs);background:var(--cat-note-soft);height:20px;color:var(--cat-note-text);cursor:pointer;font:600 11px / 1 var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap;border:0;flex:none;align-items:center;padding:0 7px;display:inline-flex}button.note-time:hover{filter:brightness(.96)}.note-time.is-none{cursor:default}.note-ago{min-width:0;color:var(--ink-3);font:400 12px / 1 var(--font);text-align:right;white-space:nowrap;flex:auto}.note-more{opacity:0;transition:opacity var(--motion-fast) var(--ease);margin-right:-6px}.note-card:hover .note-more,.note-card.is-current .note-more,.note-more[aria-expanded=true]{opacity:1}.note-text{font:400 13px / 1.45 var(--font);overflow-wrap:anywhere;white-space:pre-wrap;margin:0}.note-issue-link{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-4);text-decoration-color:var(--ink-4);text-underline-offset:2px}.note-reply-to{color:var(--ink-3);margin:0;font-size:12px}.note-attachments{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.note-chip{border-radius:var(--r-pill);background:var(--surface-2);height:24px;color:var(--ink);font:600 12px / 1 var(--font);white-space:nowrap;border:0;align-items:center;gap:6px;padding:0 10px;text-decoration:none;display:inline-flex}button.note-chip{cursor:pointer}button.note-chip:hover,a.note-chip:hover{background:var(--surface-3)}button.note-chip[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px var(--ink)}.note-chip.is-tag{color:var(--ink-2);font-weight:500}.note-edited{color:var(--ink-3);font-size:12px}.note-thread{min-width:0;color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.note-fixed-in-form{flex-wrap:wrap;align-items:center;gap:6px;width:100%;display:flex}.note-fixed-in-form .input{flex:90px;min-width:0}.note-confirm{border-radius:var(--r-sm);background:var(--danger-soft);color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:flex}.note-confirm span{flex:100%}.note-form{flex-direction:column;gap:8px;display:flex}.note-text-input{resize:vertical;width:100%;height:auto;min-height:46px;font:400 13px / 1.45 var(--font);padding:10px 12px}.note-form-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.note-tags-input{flex:110px;min-width:0}.note-form .error-note{margin:0}.composer{border-top:1px solid var(--line);flex-direction:column;flex:none;gap:8px;padding:12px 14px 14px;display:flex}.composer-head{flex-wrap:wrap;align-items:baseline;gap:2px 8px;font-size:12px;display:flex}.composer-when{font:500 12px / 1.3 var(--mono);font-variant-numeric:tabular-nums}.composer-range{color:var(--ink-3)}.notes-author{color:var(--ink-3);align-items:baseline;gap:5px;display:inline-flex}.notes-author strong{color:var(--ink-2);font-weight:600}.notes-author-form{align-items:center;gap:6px;width:100%;display:inline-flex}.notes-author-form .input{flex:auto;min-width:0}.composer-reply-to{color:var(--ink-3);margin:0;font-size:12px}.composer-row{align-items:center;gap:8px;display:flex}.composer-icon{color:var(--cat-note-text);flex:none}.composer-field{border-radius:var(--r-md);background:var(--bg);width:100%;min-width:0;color:var(--ink);font:400 13px / 1.45 var(--font);resize:none;border:0;outline:none;flex:auto;padding:10px 12px;display:block}.composer-field::placeholder{color:var(--ink-3)}.composer-field:disabled{color:var(--ink-4)}.composer-tags{border-radius:var(--r-sm);background:var(--bg);height:30px;color:var(--ink);font:400 12.5px / 1 var(--font);border:0;outline:none;padding:0 12px}.composer-foot{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.composer-tools,.composer-colors{align-items:center;display:flex}.composer-tools{gap:0}.composer-tool{width:26px;height:26px;padding:0}.composer-tool[aria-pressed=true]{background:var(--inverse);color:var(--on-inverse)}.composer-colors{gap:3px}.composer-swatch{width:13px;height:13px;box-shadow:inset 0 0 0 1px var(--line-2);cursor:pointer;border:0;border-radius:50%;padding:0}.composer-swatch[aria-pressed=true]{box-shadow:0 0 0 2px var(--surface), 0 0 0 3.5px var(--ink)}.composer-swatch:disabled{cursor:default;opacity:.4}.composer-spacer{flex:auto}.composer-drawing{color:var(--ink-3);gap:8px;margin:0;font-size:12px;display:flex}.composer-bar{border-top:0;padding:0}.composer-bar .composer-field{background:0 0;height:40px;padding:10px 12px;overflow:hidden}.mixer{gap:10px;display:flex}.mixer-strip{border-radius:var(--r-md);background:var(--bg);flex-direction:column;flex:1 1 0;align-items:center;gap:8px;min-width:0;padding:10px 6px;display:flex}.mixer-strip-off .strip-body{opacity:.45}.strip-head{flex-direction:column;align-items:center;gap:2px;display:flex}.strip-icon{background:var(--surface);width:26px;height:26px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink-2);border-radius:50%;place-items:center;display:grid}.strip-name{font:600 13px / 1.2 var(--font);margin-top:4px}.strip-kind{color:var(--ink-3);font:400 10px / 1 var(--mono)}.strip-body{align-items:stretch;gap:4px;display:flex}.mixer-meter{display:flex;position:relative}.meter-canvas{width:calc(var(--channels,2) * 10px + (var(--channels,2) - 1) * 3px);height:176px;display:block}.meter-clip{background:var(--ink-4);cursor:pointer;border:0;border-radius:50%;width:8px;height:8px;padding:0;position:absolute;top:-3px;right:-3px}.meter-clip[data-on]{background:var(--cat-error)}.meter-lim{background:var(--warn-soft);color:var(--warn);font:700 8px / 1 var(--font);border-radius:3px;padding:1px 3px;display:none;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.meter-lim[data-on]{display:block}.fader{appearance:none;cursor:pointer;writing-mode:vertical-lr;direction:rtl;background:0 0;width:26px;height:176px;margin:0}.fader::-webkit-slider-runnable-track{background:linear-gradient(to top, var(--ink) var(--fader,0%), var(--ink-4) var(--fader,0%));border-radius:2px;width:4px}.fader::-webkit-slider-thumb{appearance:none;background:var(--surface);width:24px;height:12px;box-shadow:var(--shadow-thumb), inset 0 0 0 1px var(--line-2);border-radius:6px;margin-left:-10px}.mixer-db{width:100%;display:block}.strip-db{border-radius:var(--r-sm);background:var(--surface-2);width:100%;height:28px;color:var(--ink);font:500 12px / 1 var(--mono);text-align:center;border:0;outline:none;padding:0 4px}.strip-buttons{gap:6px;display:flex}.strip-key{border-radius:var(--r-sm);background:var(--surface);width:30px;height:28px;box-shadow:inset 0 0 0 1px var(--line-2);color:var(--ink);cursor:pointer;font:700 12px / 1 var(--font);border:0;place-items:center;padding:0;display:grid}.strip-key[aria-pressed=true]{background:var(--inverse);box-shadow:none;color:var(--on-inverse)}.mixer-note{padding-top:4px}.loudness-row{align-items:center;gap:12px;display:flex}.loudness-text{flex-direction:column;flex:auto;gap:2px;min-width:0;display:flex}.loudness-title{font:600 14px / 1.2 var(--font)}.loudness-help{color:var(--ink-3);font:400 12px / 1.4 var(--font)}}@layer states{.draw-swatch:focus-visible,.seek-bar:focus-visible{box-shadow:var(--focus-ring);outline:none}.note-card:focus-within .note-more{opacity:1}.composer-field:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink);caret-color:var(--brand)}.composer-tags:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink)}.composer-bar .composer-field:focus{box-shadow:none;background:0 0}.fader:focus-visible{box-shadow:none;outline:none}.fader:focus-visible::-webkit-slider-thumb{box-shadow:var(--shadow-thumb), 0 0 0 2px var(--ink)}.strip-db:focus{background:var(--surface);box-shadow:inset 0 0 0 1.5px var(--ink);caret-color:var(--brand)}}