:root{--nf-studio-layout:6.3.0}
.studio-admin .workspace:has(> #main > .studio-console){
 display:flex;flex-direction:column;min-block-size:100vh;min-block-size:100dvh;padding-block-end:31px;
}
.studio-admin .workspace > #main:has(> .studio-console){
 display:flex;flex:1 0 auto;width:100%;min-width:0;max-width:none;margin:0 auto;
 padding-block:16px 6px;padding-block-start:clamp(12px,2dvh,20px);padding-inline:clamp(12px,1.3vw,30px);
}
.studio-console{
 --console-line:var(--line);display:flex;flex:1 0 auto;flex-direction:column;gap:10px;
 width:100%;margin:0 auto;min-width:0;
}
.console-heading,.console-heading-actions,.console-section-head,.console-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}
.console-heading h1{margin-top:2px}.console-section-head p{color:var(--muted);margin-top:4px}
.console-heading-actions,.console-actions{justify-content:flex-end;flex-wrap:wrap}
.console-heading .clock-box{min-width:120px}
.console-desk{
 display:grid;grid-template-columns:minmax(0,1fr) clamp(102px,9vw,120px);
 grid-template-areas:"decks output" "transport output";gap:10px;min-width:0;
}
.console-playout{min-width:0}
.console-desk .console-playout{grid-area:decks}
.console-desk .console-transport{grid-area:transport;container:transport / inline-size}
.console-output{
 grid-area:output;display:grid;grid-template-rows:auto 1fr auto;
 grid-template-areas:"head" "levels" "mic";gap:7px;min-width:0;padding:8px;
 background:var(--card2);
}
.console-output-head,.console-vu-group-head{display:flex;justify-content:space-between;align-items:baseline;gap:3px;flex-wrap:wrap;min-width:0}
.console-output-head{grid-area:head}
.console-output-head h2{font-size:calc(12px * var(--admin-font-factor,1));line-height:1.25}
.console-output-head small,.console-vu-lane b{color:var(--muted);font-size:calc(9px * var(--admin-font-factor,1))}
.console-vu-groups{grid-area:levels;display:grid;align-content:center;gap:7px;min-width:0}
.console-vu-group{--vu-accent:#57d6a0;min-width:0;padding:5px;border:1px solid var(--line);border-radius:6px;background:var(--card)}
.console-vu-group[data-vu-group=musicLevel]{--vu-accent:#52cfff}
.console-vu-group[data-vu-group=micLevel]{--vu-accent:#e4a0fa}
.console-vu-group h3{font-size:calc(10px * var(--admin-font-factor,1));line-height:1.2;overflow-wrap:anywhere}
.console-vu-group [data-vu-reading]{color:var(--text);font-size:calc(9px * var(--admin-font-factor,1));white-space:nowrap}
.console-vu-pair{display:grid;gap:2px;margin-top:3px}
.console-vu-lane{display:grid;grid-template-columns:10px minmax(0,1fr);grid-template-areas:"label bar";align-items:center;gap:3px;min-width:0}
.console-vu-lane b{grid-area:label}
.console-vu-bar{grid-area:bar;position:relative;width:100%;height:7px;overflow:hidden;border-radius:2px;background:var(--line);--vu-level:0%}
.console-vu-bar i,.console-vu-bar::after{position:absolute;inset:0}
.console-vu-bar i{background:linear-gradient(to right,var(--vu-accent) 45%,#f4c764 84%,#fd8487);clip-path:inset(0 calc(100% - var(--vu-level)) 0 0)}
.console-vu-bar::after{content:"";background:repeating-linear-gradient(90deg,transparent 0 5px,var(--card) 5px 6px)}
.console-mic-control{grid-area:mic;align-self:end;min-width:0}
.console-output .transport-tile{width:100%}
.console-output .transport-glyph{width:22px;height:22px;flex-basis:22px}
.console-output .transport-glyph svg{width:14px;height:14px}

.console-decks{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.22fr) minmax(0,1fr);gap:10px;min-width:0}
.console-deck,.transport-tile,.console-tabs button{--studio-ink:var(--studio-bright,var(--text))}
:root[data-theme=light] :is(.console-deck,.transport-tile,.console-tabs button){--studio-ink:var(--studio-deep,var(--text))}
.console-deck-previous,.transport-tile[data-action=next],.console-tabs button[data-tab=queue]{--studio-bright:#8cbfff;--studio-deep:#205798}
.console-deck-current,.transport-tile[data-action=play],.console-tabs button[data-tab=direct]{--studio-bright:#80eab0;--studio-deep:#126743}
.console-deck-next,.transport-tile[data-action=time],.console-tabs button[data-tab=notes]{--studio-bright:#ffcb77;--studio-deep:#7c500e}
.transport-tile[data-action=stop],.transport-tile[data-action=mic].is-live{--studio-bright:#ff9ba5;--studio-deep:#a12a42}
.transport-tile[data-action=pause-after]{--studio-bright:#f7d48b;--studio-deep:#795214}
.transport-tile[data-action=mic]:not(.is-live){--studio-bright:#b7c6e3;--studio-deep:#435879}
.transport-tile[data-action=auto],.console-tabs button[data-tab=pads]{--studio-bright:#c5a5ff;--studio-deep:#624298}
.transport-tile[data-action=repeat],.console-tabs button[data-tab=search]{--studio-bright:#78e0dd;--studio-deep:#126360}
.transport-tile[data-action=record],.console-tabs button[data-tab=requests]{--studio-bright:#ff9dca;--studio-deep:#8c3268}
.console-tabs button[data-tab=commercials]{--studio-bright:#ffa485;--studio-deep:#994023}
.console-tabs button[data-tab=weather]{--studio-bright:#b6df7e;--studio-deep:#4b651a}
.console-deck.panel{
 --deck-inline:9px;--wave-height:clamp(112px,17vh,172px);
 min-width:0;position:relative;overflow:hidden;padding:0 var(--deck-inline) 6px;
 background:var(--card);border-color:var(--line);
 border-color:color-mix(in srgb,var(--studio-ink) 25%,var(--line));
 display:grid;grid-template-rows:auto auto minmax(min-content,1fr);
}
.console-deck:before{content:"";position:absolute;inset:0 12px auto;height:2px;background:var(--studio-ink);border-radius:2px;opacity:.85}
.console-waveframe{
 --wave-top:#78eeff;--wave-bottom:#8d83ff;
 position:relative;height:var(--wave-height);overflow:hidden;
 margin-inline:calc(-1 * var(--deck-inline));border-block-start:1px solid var(--line);
 background:repeating-linear-gradient(90deg,#a4b8e01a 0 1px,transparent 1px 12.5%),
  repeating-linear-gradient(0deg,#a4b8e016 0 1px,transparent 1px 25%),
  linear-gradient(180deg,#111c31,#080f1c);
}
.console-deck-current .console-waveframe{--wave-top:#aa9cff;--wave-bottom:#4ac6ed}
.console-deck-next .console-waveframe{--wave-top:#ffe078;--wave-bottom:#ff8068}
.console-wave-progress{--wave-top:#d5ff79;--wave-bottom:#24eddb}
.console-wave{display:block;width:100%;height:100%}
.console-wave-top{stop-color:var(--wave-top)}
.console-wave-bottom{stop-color:var(--wave-bottom)}
.console-wave-center{fill:none;stroke:#abbfe4;stroke-opacity:.28;vector-effect:non-scaling-stroke}
.console-wave [data-wave-envelope],.console-wave [data-wave-played]{
 stroke-width:.65;stroke-linejoin:round;vector-effect:non-scaling-stroke;
}
.console-wave [data-wave-envelope]{fill-opacity:.78;stroke-opacity:.92}
.console-deck-current [data-wave-envelope]{fill-opacity:.48;stroke-opacity:.68}
.console-wave [data-wave-played]{fill-opacity:.96}
.console-wave [data-wave-head]{stroke:#e9ffbb;stroke-width:1.5;vector-effect:non-scaling-stroke}
.console-deck-head{display:flex;justify-content:space-between;align-items:center;gap:5px;flex-wrap:wrap;padding:9px 2px 6px;
 font-size:calc(13px * var(--admin-font-factor,1));font-weight:640;color:var(--studio-ink);overflow-wrap:anywhere}
.console-deck-state{display:inline-flex;align-items:center;gap:6px;font-size:calc(10px * var(--admin-font-factor,1));font-weight:550;color:var(--muted)}
.console-deck-state i{width:6px;height:6px;flex:none;border-radius:50%;background:var(--studio-ink);box-shadow:0 0 8px var(--studio-ink)}
.console-track{display:grid;grid-template-columns:30px minmax(0,1fr);align-items:center;align-self:start;gap:7px;min-width:0;padding-block:7px 3px}
.console-track-copy{min-width:0;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 8px}
.console-track strong,.console-track small{min-width:0;overflow-wrap:anywhere;white-space:normal}
.console-track strong{font-size:calc(14px * var(--admin-font-factor,1));font-weight:650;line-height:1.25}
.console-track small{color:var(--muted);font-size:calc(12px * var(--admin-font-factor,1))}
.console-cover{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;color:var(--studio-ink);
 background:color-mix(in srgb,var(--studio-ink) 7%,var(--card))}
.console-deck .seek,.console-progress{display:block;width:100%;margin:0;min-width:0;accent-color:var(--studio-ink)}
.console-deck-footer{min-width:0;margin-block:3px 1px}
.console-deck-time{display:inline-flex;gap:5px;color:var(--text);font-size:calc(10px * var(--admin-font-factor,1));white-space:nowrap}
.console-wave-note{color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.console-wave-note:empty{display:none}
.console-transport{display:grid;padding:8px;min-width:0;background:var(--card2)}
.transport-matrix{display:grid;grid-template-columns:minmax(0,1.16fr) repeat(8,minmax(0,1fr));gap:6px;min-width:0}
.transport-matrix.is-demo{grid-template-columns:minmax(0,1.16fr) repeat(7,minmax(0,1fr))}
.transport-matrix.is-presenter{grid-template-columns:repeat(7,minmax(0,1fr))}
:is(.console-transport,.console-output) .transport-tile{
 position:relative;display:flex;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:46px;
 padding:10px 5px 5px;border:1px solid var(--line);border-radius:8px;color:var(--text);
 background:linear-gradient(180deg,var(--card),var(--card2));box-shadow:inset 0 -2px var(--line);
 font-size:calc(11px * var(--admin-font-factor,1));font-weight:720;line-height:1.2;text-align:center;overflow-wrap:anywhere;
}
.transport-tile::after{
 content:"";position:absolute;inset-block-start:4px;inset-inline-end:5px;width:13px;height:4px;border-radius:4px;
 background:var(--muted);opacity:.44;pointer-events:none;
}
.transport-tile[data-action=mixer],.console-mixer-heading{--studio-bright:#c8e880;--studio-deep:#496418}
.transport-glyph{display:inline-grid;place-items:center;flex:0 0 26px;width:26px;height:26px;color:var(--studio-ink);border-radius:7px;
 background:color-mix(in srgb,var(--studio-ink) 17%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--studio-ink) 26%,transparent)}
.transport-glyph svg{width:16px;height:16px;flex:none;stroke-width:1.8}
.transport-glyph:is([data-glyph=play],[data-glyph=stop],[data-glyph=bolt],[data-glyph=record]) path{fill:currentColor;stroke-width:1.5}
.transport-tile span{min-width:0}
:is(.console-transport,.console-output) .transport-tile:hover:not(:disabled){border-color:var(--studio-ink)}
:is(.console-transport,.console-output) .transport-tile:focus-visible,.console-tabs button:focus-visible{outline:2px solid var(--studio-ink);outline-offset:-3px}
:is(.console-transport,.console-output) .transport-tile:is([data-active=true],[aria-checked=true],[aria-pressed=true],[aria-expanded=true],:active):not(:disabled){
 background:linear-gradient(180deg,color-mix(in srgb,var(--studio-ink) 18%,var(--card)),var(--card));
 border-color:var(--studio-ink);color:var(--studio-ink);box-shadow:inset 0 -2px color-mix(in srgb,var(--studio-ink) 42%,transparent);
}
.transport-tile:is([data-active=true],[aria-checked=true],[aria-pressed=true],[aria-expanded=true],:active):not(:disabled)::after{
 background:var(--studio-bright,var(--studio-ink));opacity:1;
 box-shadow:0 0 0 1px var(--studio-deep,var(--studio-ink)),0 0 8px var(--studio-bright,var(--studio-ink));
}
.transport-tile.console-onair.is-live:not(:disabled)::after{animation:studio-onair-pulse 1.6s ease-out infinite}
@keyframes studio-onair-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--studio-ink) 60%,transparent)}80%,100%{box-shadow:0 0 0 8px transparent}}
@media(prefers-reduced-motion:reduce){.transport-tile.console-onair.is-live:not(:disabled)::after{animation:none}}
.console-work{display:flex;flex:1 0 auto;flex-direction:column;min-width:0}
.console-tabs{display:flex;align-items:stretch;gap:5px;overflow-x:auto;scrollbar-width:thin;padding:7px 10px 0;border-bottom:1px solid var(--line);background:var(--card2);border-radius:var(--radius) var(--radius) 0 0}
.console-tabs button{flex:none;display:flex;align-items:center;gap:5px;padding:10px 7px 9px;white-space:nowrap;color:var(--studio-ink);font-weight:690;
 background:var(--card);background:color-mix(in srgb,var(--studio-ink) 8%,var(--card));border-bottom:2px solid transparent;border-radius:7px 7px 0 0;font-size:calc(12px * var(--admin-font-factor,1))}
.console-tabs button svg{width:15px;height:15px}
.console-tabs button:hover,.console-tabs button[aria-selected=true]{background:color-mix(in srgb,var(--studio-ink) 18%,var(--card))}
.console-tabs button[aria-selected=true]{border-bottom-color:var(--studio-ink)}
.console-work-body{display:flex;flex:1 0 auto;flex-direction:column;padding:10px;min-width:0}.console-section-head{align-items:flex-start;margin-bottom:12px}.console-section-head h2{font-size:calc(17px * var(--admin-font-factor,1))}
.console-commercials{
 display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,345px),1fr));
 align-items:start;gap:10px;min-width:0;
}
.console-air-block{min-width:0;padding:10px;background:var(--card2);border:1px solid var(--line);border-radius:8px}
.console-air-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px}
.console-air-head h2{font-size:calc(15px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.console-air-head .console-actions{gap:5px}
.console-air-head .btn{min-height:30px;padding:5px 7px;font-size:calc(11px * var(--admin-font-factor,1));line-height:1.22}
.console-air-head .btn svg{width:13px;height:13px}
.console-air-summary{margin:5px 0 8px;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.console-air-block .air-live-note{
 display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:4px 8px;margin:0 0 7px;padding:5px 7px;font-size:calc(10px * var(--admin-font-factor,1));
}
.console-air-list{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}
.console-air-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px solid var(--line)}
.console-air-row:last-child{border-bottom:0;padding-bottom:1px}
.console-event-row{grid-template-columns:auto minmax(0,1fr) auto}
.console-air-detail{min-width:0;overflow-wrap:anywhere}
.console-air-detail h3{font-size:calc(12px * var(--admin-font-factor,1));line-height:1.24;margin:0}
.console-air-detail small{display:block;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));line-height:1.3}
.console-air-time{color:var(--mint);font-size:calc(12px * var(--admin-font-factor,1));font-weight:750}
.console-air-actions{display:flex;align-items:center;justify-content:flex-end;gap:3px}
.console-air-actions .icon-button{width:28px;height:30px;padding:0}
.console-air-actions .icon-button svg{width:14px;height:14px}
.console-air-actions [data-action=run-campaign],.console-air-actions [data-action=run-event]{color:var(--mint)}
.console-air-actions .switch{flex:none}

.console-preview{
 display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;
 padding:7px 10px;border-bottom:1px solid var(--line);
 background:color-mix(in srgb,var(--mint) 7%,var(--card2));
}
.console-preview[hidden]{display:none}
.console-preview-copy{display:flex;align-items:center;gap:8px;min-width:0}
.console-preview-copy svg{width:17px;height:17px;color:var(--mint);flex:none}
.console-preview-copy small{display:block;color:var(--mint);font-size:calc(10px * var(--admin-font-factor,1))}
.console-preview-copy strong{display:block;font-size:calc(12px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.console-preview-actions{display:flex;align-items:center;flex-wrap:wrap;gap:5px}
.console-preview-actions .btn{min-height:29px;padding:4px 8px}
.console-preview-actions .icon-button{width:29px;height:29px}

.studio-pad-rack{min-width:0;container:cart-rack / inline-size}
.pad-rack-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;margin:0 0 9px}
.pad-rack-header h2{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:calc(16px * var(--admin-font-factor,1))}
.pad-rack-header h2 svg{width:16px;height:16px;color:var(--mint)}
.pad-rack-header p{margin:3px 0 0;color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1))}
.pad-rack-header .panel-tools{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
.pad-rack-header .panel-tools .icon-button{width:33px;height:33px}
.pad-bank-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:0 0 7px}
.pad-bank-tab[data-bank=jingles],.pad-bank-content[data-bank=jingles]{--pad-accent:#c6adff;--pad-accent-light:#624298}
.pad-bank-tab[data-bank=vinhetas],.pad-bank-content[data-bank=vinhetas]{--pad-accent:#9bc7ff;--pad-accent-light:#24588b}
.pad-bank-tab[data-bank=efeitos],.pad-bank-content[data-bank=efeitos]{--pad-accent:#ffcb7e;--pad-accent-light:#805014}
.pad-bank-tab[data-bank=trilhas],.pad-bank-content[data-bank=trilhas]{--pad-accent:#80eab0;--pad-accent-light:#126743}
.pad-bank-tab[data-bank=frases],.pad-bank-content[data-bank=frases]{--pad-accent:#ffadc9;--pad-accent-light:#8b3359}
:is(.pad-bank-tab,.pad-bank-content){--pad-ink:var(--pad-accent,var(--mint))}
:root[data-theme=light] :is(.pad-bank-tab,.pad-bank-content){--pad-ink:var(--pad-accent-light,var(--mint))}
.pad-bank-tab{
 position:relative;display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:6px;
 min-width:0;min-height:39px;padding:5px 7px;text-align:start;color:var(--pad-ink);
 background:var(--card2);border:1px solid var(--line);border-radius:6px;
 font-size:calc(11px * var(--admin-font-factor,1));font-weight:710;line-height:1.25;
}
.pad-bank-tab svg{width:14px;height:14px}
.pad-bank-tab span{overflow-wrap:anywhere}
.pad-bank-tab small{font-size:calc(9px * var(--admin-font-factor,1));color:var(--muted)}
.pad-bank-tab:hover,.pad-bank-tab[aria-selected=true]{border-color:var(--pad-ink);background:color-mix(in srgb,var(--pad-ink) 13%,var(--card2))}
.pad-bank-live{position:absolute;inset-block-start:3px;inset-inline-end:3px;width:5px;height:5px;border-radius:50%;background:var(--pad-ink)}
.pad-bank-content{min-width:0;padding:7px;border:1px solid var(--line);border-radius:7px;background:var(--card2)}
.pad-rack-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:5px}
.pad-card{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:6px;background:var(--card);overflow:hidden}
.pad-bank-empty{margin:0;padding:16px;color:var(--muted);font-size:calc(12px * var(--admin-font-factor,1))}
.pad-card.is-playing{border-color:var(--pad-ink);box-shadow:inset 0 2px var(--pad-ink)}
.pad-trigger{
 display:grid;align-content:start;flex:1;gap:5px;min-width:0;min-height:60px;padding:6px;
 text-align:start;line-height:1.22;font-size:calc(11px * var(--admin-font-factor,1));
}
.pad-trigger:hover,.pad-card.is-playing .pad-trigger{background:color-mix(in srgb,var(--pad-ink) 10%,var(--card))}
.pad-trigger-head,.pad-trigger-label{display:flex;align-items:center;gap:5px;min-width:0}
.pad-trigger-head{justify-content:space-between}
.pad-trigger-head .pad-number{font-size:calc(11px * var(--admin-font-factor,1));color:var(--pad-ink);font-weight:750}
.pad-trigger-head kbd,.pad-trigger-head small{font-size:calc(9px * var(--admin-font-factor,1));color:var(--muted);white-space:nowrap}
.pad-card.is-playing .pad-trigger-head small{color:var(--pad-ink);font-weight:750}
.pad-trigger-label svg{width:13px;height:13px;flex:none;color:var(--pad-ink)}
.pad-trigger-label b{min-width:0;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.pad-card-actions{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:2px;border-top:1px solid var(--line);padding:2px 3px}
.pad-card-actions .icon-button{width:27px;height:27px;padding:0}
.pad-card-actions .icon-button svg{width:14px;height:14px}
.pad-card-actions [aria-pressed=true]{color:var(--pad-ink);background:color-mix(in srgb,var(--pad-ink) 13%,var(--card))}
.pad-bank-tab:focus-visible,.pad-trigger:focus-visible{outline:2px solid var(--pad-ink);outline-offset:-2px}
.pad-rack-footer{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1))}
.pad-rack-footer svg{width:14px;height:14px;flex:none}
@container cart-rack (max-width:910px){
 .pad-rack-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
}
@container cart-rack (max-width:705px){
 .pad-rack-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
 .pad-bank-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container cart-rack (max-width:480px){
 .pad-rack-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .pad-bank-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container cart-rack (max-width:345px){
 .pad-rack-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.console-work-body .queue-panel,.console-work-body .queue-table{min-width:0}
.console-queue-drop,.console-dropzone{border:1px dashed transparent;border-radius:8px;transition:border-color .15s,background .15s;min-width:0}
.console-dropzone{border-color:var(--line);background:var(--card2);padding:12px;align-self:start}
.console-queue-drop.drag-over,.console-dropzone.drag-over,.console-tabs button.drag-over{border-color:var(--mint);background:var(--mint-bg)}
.console-dropzone p,.console-dropzone li{font-size:calc(11px * var(--admin-font-factor,1))}.console-dropzone ol{padding-inline-start:22px}.console-drop-head{display:flex;gap:7px;align-items:center;color:var(--mint)}
.console-drop-rows{margin:10px 0}.console-drop-rows li{padding:3px 0;overflow-wrap:anywhere}
.console-search-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(150px,1fr);gap:12px;min-width:0}
.console-search-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(120px,.42fr);gap:8px}
.console-search-controls input{min-width:0;width:100%}
.console-search-controls select,.studio-console textarea,.console-weather-form input,.console-weather-form select,.console-weather-access input{color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:7px;padding:8px 9px;min-width:0;width:100%}
.console-results-count{padding:7px 2px;font-size:calc(11px * var(--admin-font-factor,1))}.console-results{max-height:310px;overflow:auto;scrollbar-width:thin}
.console-media{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;gap:8px;align-items:center;padding:7px 5px;border-bottom:1px solid var(--line);cursor:grab}
.console-media:active{cursor:grabbing}.console-media>div{min-width:0}
.console-media b,.console-media>div small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.console-media>div small,.console-media-duration,.console-grip{color:var(--muted)}
.console-media .icon-button{width:31px;height:31px}.console-results>.btn{margin:7px 0}
.console-empty{padding:10px;color:var(--muted);background:var(--card2);border-radius:8px}
.console-notes textarea{resize:vertical;min-height:115px;line-height:1.6}.console-form-status:not(:empty){margin-top:6px}
.console-weather-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.console-subcard{min-width:0;background:var(--card2);border:1px solid var(--line);border-radius:9px;padding:13px}
.console-subcard p{margin:4px 0 8px;color:var(--muted)}.console-subcard h3{margin-bottom:7px}
.console-clip-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:10px 0}
.console-clip-stats div{min-width:0;padding:7px 8px;background:var(--card);border:1px solid var(--line);border-radius:6px}
.console-clip-stats dt,.console-clip-stats small{color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));overflow-wrap:anywhere}.console-clip-stats dd{margin:1px 0;font-size:calc(17px * var(--admin-font-factor,1));font-weight:650}
.console-clips-form,.console-weather-form,.console-weather-access form{display:grid;gap:7px;min-width:0}
.console-clips-form input{max-width:100%;min-width:0}.console-clips-form button,.console-weather-form .console-actions,.console-weather-access .console-actions{justify-content:flex-start;justify-self:start}
.console-weather-form label,.console-weather-access label{display:grid;gap:4px;font-size:calc(11px * var(--admin-font-factor,1));font-weight:600;min-width:0}
.console-weather-manual{display:grid;grid-template-columns:1fr 1fr;gap:8px}.console-weather-manual[hidden]{display:none}
.console-weather-text{grid-column:1/-1}.console-weather-text textarea{resize:vertical}
.console-weather-result:not(:empty){padding:8px;margin-top:7px;border:1px solid var(--line);border-radius:7px}
.console-weather-values{display:flex;gap:10px;font-size:calc(17px * var(--admin-font-factor,1));color:var(--mint);margin-top:4px}
.console-weather-access,.console-clips-list{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.console-weather-access summary,.console-clips-list summary{font-weight:650;cursor:pointer}
.console-clips-list ul{list-style:none;padding:0;max-height:178px;overflow:auto;margin:4px 0}.console-clips-list li{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:4px 0;border-bottom:1px solid var(--line)}
dialog.studio-mixer-window{position:fixed;z-index:55;inset:var(--mixer-window-start,auto) var(--mixer-window-right,10px) var(--mixer-window-end,12px) auto;
 margin:0;padding:0;box-sizing:border-box;width:min(850px,var(--mixer-window-width,calc(100vw - 16px)));max-width:calc(100vw - 16px);
 max-height:var(--mixer-window-height,calc(100dvh - 24px));overflow:hidden;
 background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 44px #0008;
}
.studio-mixer-window[open]{display:flex;flex-direction:column}
.studio-mixer-window:not([open]){display:none}
.console-mixer-head{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title close";align-items:center;
 gap:9px;padding:9px 11px;border-bottom:1px solid var(--line);background:var(--card2);flex:none}
.console-mixer-heading{--studio-ink:var(--studio-bright);grid-area:title;display:flex;align-items:center;gap:8px;min-width:0}
:root[data-theme=light] .console-mixer-heading{--studio-ink:var(--studio-deep)}
.console-mixer-head .mixer-close{grid-area:close;justify-self:end}
.console-mixer-body{padding:9px;overflow:auto;min-width:0;min-height:0;overscroll-behavior:contain;container:mixer-body / inline-size}
.console-mixer-scroll{min-width:0;padding:2px;overflow-x:auto}
.console-mixer-scroll:focus-visible{outline:1px solid var(--mint);outline-offset:-1px}

.console-mixer-head h2{font-size:calc(16px * var(--admin-font-factor,1));line-height:1.18;overflow-wrap:anywhere}
.console-mixer-grid{
 display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:5px 8px;min-width:460px;
}
.console-mixer-bank{min-width:0;background:var(--card2);border:1px solid var(--line);border-radius:8px;padding:7px}
.console-mixer-bank h3{font-size:calc(10px * var(--admin-font-factor,1));text-transform:uppercase;letter-spacing:.6px;color:var(--muted);margin:0 0 5px 2px}
.console-strips{display:grid;gap:5px;grid-template-columns:repeat(var(--strip-count),minmax(0,1fr))}
.console-channel-strips{--strip-count:7}
.console-eq-strips{--strip-count:4}
@container mixer-body (max-width:735px){
 .console-mixer-grid{grid-template-columns:minmax(0,1fr)}
}
.console-strip{display:grid;grid-template-rows:auto 92px auto auto;justify-items:center;gap:5px;text-align:center;background:var(--card);min-width:0;
 border:1px solid var(--line);border-top:2px solid var(--strip);border-radius:6px;padding:6px 3px}
.console-strip label{font-size:calc(10.5px * var(--admin-font-factor,1));line-height:1.2;font-weight:680;min-height:2.4em;min-width:0;display:grid;align-items:center;overflow-wrap:anywhere}
@supports (grid-template-rows:subgrid){
 .console-mixer-bank,.console-strips,.console-strip{grid-template-rows:subgrid;row-gap:5px}
 .console-mixer-bank{display:grid;grid-row:span 5}
 .console-strips,.console-strip{grid-row:span 4}
}
.console-rail{display:grid;grid-template-columns:auto 1fr;align-items:stretch;gap:3px}
.console-rail>span{width:7px;background:repeating-linear-gradient(to bottom,transparent 0 11px,var(--line) 11px 12px)}
.console-rail input{writing-mode:vertical-lr;direction:rtl;accent-color:var(--strip);width:26px;height:92px;margin:0;cursor:ns-resize}
.console-strip output{font-size:calc(10px * var(--admin-font-factor,1));color:var(--text);border-radius:3px;background:var(--bg);padding:2px 4px;white-space:nowrap}
.console-strip small{font-size:calc(9px * var(--admin-font-factor,1));color:var(--muted);min-height:14px}.console-strip small svg{width:13px;height:13px}
.console-mixer-foot{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:10px;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1))}
.console-mixer-foot output{margin-inline-start:4px;color:var(--text)}.console-mixer-foot>span{margin-inline-start:auto}
.console-mixer-foot input{width:104px;accent-color:var(--mint)}.console-mixer-foot svg{width:13px;height:13px}
@media(max-width:1100px){
 .transport-matrix,.transport-matrix.is-demo{grid-template-columns:repeat(5,minmax(0,1fr))}
 .transport-matrix.is-presenter{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media(max-width:810px){
 .console-heading{align-items:flex-start}.console-heading-actions{justify-content:flex-start}
 .console-section-head{flex-wrap:wrap}.console-section-head .console-actions{justify-content:flex-start}
 .console-weather-grid{grid-template-columns:1fr}
}
@media(max-width:540px){
 .studio-console{gap:12px}.console-heading{flex-wrap:wrap}.console-heading h1{font-size:calc(23px * var(--admin-font-factor,1))}
 .console-decks{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
 .console-deck-current{grid-column:1/-1;grid-row:1}
 .console-deck.panel{--deck-inline:7px;--wave-height:clamp(78px,12vh,110px)}
 .console-deck-current.panel{--wave-height:clamp(96px,15vh,140px)}
 .console-track{grid-template-columns:25px minmax(0,1fr);gap:5px}
 .console-cover{width:25px;height:25px}
 .console-transport .transport-tile{flex-direction:column;gap:4px;padding:10px 3px 5px}
 .console-transport .transport-glyph{flex:0 0 auto}
 .console-work-body{padding:10px}.console-section-head{gap:6px}
 .console-search-grid{grid-template-columns:1fr}.console-dropzone{grid-row:1}
 .console-search-controls{grid-template-columns:minmax(0,1fr) minmax(95px,.46fr)}
 .console-media{gap:5px;grid-template-columns:auto minmax(0,1fr) auto auto}.console-media-duration{display:none}
 .console-mixer-body{padding:7px}
 .console-mixer-foot>span{margin-inline-start:0}
}

#eventTarget[hidden]{display:none}

.console-grip{touch-action:none;user-select:none;cursor:grab;display:grid;place-items:center;min-width:25px;min-height:32px}.console-media.media-dragging{background:var(--mint-bg);border-color:var(--mint);cursor:grabbing}

.program-grid{--program-list-height:clamp(250px,39vh,445px);display:grid;flex:1 0 auto;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:9px;align-items:stretch;min-height:0}
.program-explorer,.program-queue{min-width:0;padding:8px;border:1px solid var(--line);border-radius:8px;background:var(--card2)}
.program-explorer-head{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:6px;margin-bottom:7px}
.program-explorer h2,.program-queue h2{font-size:calc(16px * var(--admin-font-factor,1));line-height:1.3}
.program-explorer-head .eyebrow,.program-queue .eyebrow{margin-bottom:3px}
.program-explorer .btn{min-height:27px;padding:3px 7px;font-size:calc(11px * var(--admin-font-factor,1))}
.program-explorer .btn svg,.program-item svg,.program-append svg{width:15px;height:15px;flex:none}
.program-explorer [hidden]{display:none!important}
.program-search{display:block;flex:none;min-width:0;max-width:none;width:100%}
.program-search svg{top:50%;transform:translateY(-50%);pointer-events:none}
.program-search input{display:block;min-width:0;width:100%;min-height:30px;padding:4px 8px 4px 34px;border:1px solid var(--line);border-radius:6px;color:var(--text);background:var(--card);appearance:none}
.program-toolbar,.program-location{display:flex;align-items:center;justify-content:space-between;gap:4px;flex-wrap:wrap;margin-top:5px}
.program-modes{display:inline-flex;gap:2px;padding:2px;border:1px solid var(--line);border-radius:8px;background:var(--card)}
.program-modes button{display:flex;align-items:center;justify-content:center;gap:4px;min-height:24px;padding:2px 6px;color:var(--muted);background:transparent;border:1px solid transparent;border-radius:5px;font-size:calc(11px * var(--admin-font-factor,1));font-weight:650}
.program-modes svg{width:13px;height:13px}
.program-modes button[aria-pressed=true],.program-toolbar .btn[aria-pressed=true]{background:var(--mint-bg);color:var(--mint)}
.program-modes button:hover,.program-modes button:focus-visible{color:var(--mint)}
.program-location{padding:3px 0;border-block:1px solid var(--line)}
.program-crumbs{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:4px 6px;min-width:0;flex:1;color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.program-crumbs button{padding:2px 0;border:0;color:var(--mint);background:transparent;text-align:start;text-decoration:underline;text-underline-offset:2px;overflow-wrap:anywhere}
.program-crumbs [aria-current]{color:var(--text);font-weight:650}
.program-folder-actions{display:flex;gap:3px}
.program-folder-actions:empty,.program-group:empty{display:none}
.program-folder-actions .icon-button,.program-item .icon-button{width:25px;height:25px}
.program-count{margin:3px 0;font-size:calc(11px * var(--admin-font-factor,1))}
.program-items{display:grid;align-content:start;gap:2px;max-height:var(--program-list-height);overflow:auto;scrollbar-width:thin;padding:2px}
.program-items>.btn{justify-self:start;margin-top:4px}
.program-item{display:grid;grid-template-columns:21px minmax(0,1fr) auto;gap:3px;align-items:center;min-width:0;min-height:30px;padding:1px 3px;border:1px solid var(--line);border-radius:5px;background:var(--card)}
.program-track-row{grid-template-columns:21px minmax(0,1fr) auto auto}
.program-track-row.has-category-action{grid-template-columns:21px minmax(0,1fr) auto auto auto}
.program-item .console-grip{min-width:20px;min-height:25px}
.program-item[draggable=true]{cursor:grab}
.program-item[draggable=true]:hover{border-color:var(--mint)}
.program-item.media-dragging{border-color:var(--mint);background:var(--mint-bg);cursor:grabbing}
.program-item input[type=checkbox]{justify-self:center;margin:0;accent-color:var(--mint);width:16px;height:16px}
.program-grip-spacer{width:21px}
.program-item-label{min-width:0;display:flex;align-items:center;gap:4px;color:var(--text);text-align:start}
button.program-item-label{border:0;background:none;padding:2px 0;border-radius:4px}
button.program-item-label:hover b{color:var(--mint)}
.program-item-icon{display:grid;place-items:center;flex:none;width:20px;height:20px;color:var(--mint);background:var(--mint-bg);border-radius:4px}
.program-item-icon svg{width:13px;height:13px}
.program-item-text{display:flex;align-items:baseline;gap:5px;min-width:0;flex:1}
.program-item-text b,.program-item-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.program-item-text b{font-size:calc(11px * var(--admin-font-factor,1));min-width:0}.program-item-text small{font-size:calc(10px * var(--admin-font-factor,1));color:var(--muted);max-width:48%;min-width:0}
.program-item .program-open-icon{color:var(--muted);width:12px;height:12px}
.program-group-current{margin-top:4px;border-color:var(--mint);background:var(--mint-bg)}
.program-group-settings{display:flex;justify-content:flex-end;margin-top:3px}
.program-folder-tools{display:flex;align-items:center;flex-wrap:wrap;gap:5px;margin:5px 0}
.program-folder-tools .btn{white-space:normal;text-align:start}
.program-group-mode{color:var(--text);background:var(--card2);border:1px solid var(--line);border-radius:4px;min-height:24px;max-width:100%;padding:1px 3px;font-size:calc(10px * var(--admin-font-factor,1))}
.program-form{display:grid;gap:6px;margin:8px 0;padding:8px;background:var(--card);border:1px solid var(--line);border-radius:7px}
.program-form label{display:grid;gap:3px;font-size:calc(11px * var(--admin-font-factor,1));color:var(--muted)}
.program-form input,.program-form select{min-width:0;width:100%;padding:5px 7px;border:1px solid var(--line);border-radius:5px;color:var(--text);background:var(--card2)}
.program-form-actions{display:flex;gap:6px;flex-wrap:wrap}
.program-selection{color:var(--mint);font-size:calc(11px * var(--admin-font-factor,1))}
.program-queue{display:flex;flex-direction:column}
.program-queue .console-section-head{margin:0;gap:8px;flex-wrap:wrap}
.program-queue .console-actions{flex-wrap:wrap;justify-content:start}
.program-queue-content{min-width:0;flex:1;overflow:hidden;background:var(--card);border:1px solid var(--line);border-radius:6px;margin-bottom:6px}
.program-queue-content .table-scroll{scrollbar-width:thin;max-height:var(--program-list-height)}
.program-queue-content .empty-state{padding:16px 9px}
.program-queue-table{table-layout:fixed}
.program-queue-table th,.program-queue-table td{padding:3px 5px;height:29px;overflow:hidden;text-overflow:ellipsis}
.program-queue-table th{height:22px;position:sticky;top:0;z-index:1}
.program-queue-table :is(th,td):first-child{width:32px;padding-inline:6px}
.program-queue-table :is(th,td):last-child{width:83px;padding-inline:4px}
.program-queue-table th:nth-child(3){width:83px}
.program-queue-table th:nth-child(4){width:116px}
.program-queue-table :is(th,td):nth-child(4){display:table-cell}
.program-queue-table .title-cell{min-width:0}
.program-queue-table .title-line{gap:5px;min-width:0}
.program-queue-table .title-line>span:last-child{display:flex;align-items:baseline;gap:5px;min-width:0}
.program-queue-table .title-line b,.program-queue-table .title-line small{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:none}
.program-queue-table .title-line small{max-width:43%}
.program-queue-table .title-line .mini-cover{width:19px;height:19px}
.program-queue-table .mini-cover svg{width:12px;height:12px}
.program-queue-table .mini-cover.program-group-cover{background:var(--mint-bg);color:var(--mint);border-color:var(--line)}
.program-queue-table .tag{padding:2px 5px}
.program-append{display:flex;align-items:center;justify-content:center;gap:5px;min-height:31px;padding:4px;margin-top:auto;border:1px dashed var(--line);border-radius:5px;color:var(--muted);text-align:center;font-size:calc(11px * var(--admin-font-factor,1));flex:none}
.program-drop-append .program-append{border-color:var(--mint);color:var(--mint);background:var(--mint-bg)}
.program-drop-before{box-shadow:inset 0 3px var(--mint)}
.program-drop-before>td{box-shadow:inset 0 3px var(--mint)}
.folder-picker{display:grid;gap:8px}
.folder-picker p{margin:0;overflow-wrap:anywhere}
.folder-picker .form-field{margin:0}
.folder-picker input[type=search]{display:block;width:100%;min-height:36px;padding:6px 9px;border:1px solid var(--line);border-radius:6px;background:var(--card2);color:var(--text)}
.folder-picker-results{max-height:min(40vh,325px);overflow:auto;border:1px solid var(--line);border-radius:6px;background:var(--card2);scrollbar-width:thin}
.folder-picker-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:center;padding:6px 8px;border-bottom:1px solid var(--line);cursor:pointer}
.folder-picker-item:last-child{border-bottom:0}
.folder-picker-item:hover{background:var(--mint-bg)}
.folder-picker-item input{accent-color:var(--mint)}
.folder-picker-item strong,.folder-picker-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.folder-picker-item small{color:var(--muted)}
.folder-picker-count{font-size:calc(11px * var(--admin-font-factor,1))}
.folder-picker #folderMediaMore{justify-self:start}
.folder-picker #folderMediaMore[hidden]{display:none}
.import-file-error{display:block;color:var(--red);overflow-wrap:anywhere}
.catalog-layout{display:grid;grid-template-columns:minmax(175px,225px) minmax(0,1fr);gap:12px;align-items:start}
.catalog-groups{display:grid;gap:3px;padding:8px;max-height:min(68vh,580px);overflow:auto;scrollbar-width:thin}
.catalog-groups h2{margin:8px 6px 1px;font-size:calc(10px * var(--admin-font-factor,1));text-transform:uppercase;letter-spacing:1px;color:var(--muted)}
.catalog-scope{display:grid;grid-template-columns:15px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;
 min-height:32px;padding:4px 6px;padding-inline-start:calc(6px + var(--depth)*9px);border:1px solid transparent;border-radius:5px;color:var(--text);text-align:start;font-size:calc(11px * var(--admin-font-factor,1))}
.catalog-scope svg{width:14px;height:14px;color:var(--muted)}
.catalog-scope span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.catalog-scope small{color:var(--muted)}
.catalog-scope:hover{background:var(--card2);border-color:var(--line)}
.catalog-scope[aria-pressed=true]{border-color:var(--mint);background:var(--mint-bg);color:var(--mint)}
.catalog-content{min-width:0}
.catalog-head,.catalog-group-actions{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}
.catalog-head{margin-bottom:8px}
.catalog-head h2{font-size:calc(17px * var(--admin-font-factor,1));overflow-wrap:anywhere}
.catalog-filter{margin-bottom:4px;gap:8px}
.catalog-filter label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1))}
.catalog-filter select,.playlist-source-filters select,.playlist-source-filters input[type=search]{
 min-width:0;min-height:33px;padding:5px 7px;background:var(--card2);color:var(--text);border:1px solid var(--line);border-radius:5px;font-size:calc(11px * var(--admin-font-factor,1))}
.catalog-count{margin:4px 0 7px;font-size:calc(11px * var(--admin-font-factor,1))}
.catalog-table .catalog-location{display:block;max-width:280px;margin:2px 0 0 37px;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));overflow:hidden;text-overflow:ellipsis}
.catalog-table :is(th,td):last-child{display:table-cell}
dialog.playlist-dialog-wide{width:min(980px,calc(100vw - 28px));max-width:calc(100vw - 28px)}
.playlist-builder{display:grid;grid-template-columns:minmax(235px,.85fr) minmax(0,1.25fr);gap:9px;margin-top:9px}
.playlist-builder-panel{min-width:0;padding:8px;border:1px solid var(--line);border-radius:7px;background:var(--card2)}
.playlist-builder-panel h3{font-size:calc(13px * var(--admin-font-factor,1));margin:0 0 6px}
.playlist-builder-head{display:flex;justify-content:space-between;gap:8px;align-items:baseline;flex-wrap:wrap}
.playlist-builder-head [role=status],.playlist-hint{font-size:calc(11px * var(--admin-font-factor,1))}
.playlist-builder .playlist-hint{margin:0 0 7px}
.playlist-source-filters{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px;margin-bottom:5px}
.playlist-source-filters .search-field{min-width:0}
.playlist-source-filters input[type=search]{width:100%;padding-inline-start:29px}
.playlist-source-filters .search-field svg{left:8px;top:9px;width:14px;height:14px}
.playlist-source-list,.playlist-order-list{display:grid;align-content:start;gap:3px;max-height:min(37vh,355px);overflow:auto;scrollbar-width:thin}
.playlist-source,.playlist-order-item{display:grid;align-items:center;gap:5px;min-width:0;padding:3px 4px;border:1px solid var(--line);border-radius:5px;background:var(--card);cursor:grab}
.playlist-source{grid-template-columns:23px minmax(0,1fr) auto}
.playlist-source-icon{display:grid;place-items:center;color:var(--mint);background:var(--mint-bg);width:22px;height:22px;border-radius:4px}
.playlist-source-icon svg,.playlist-drop-tail svg{width:13px;height:13px}
.playlist-builder [data-playlist-grip]{cursor:grab;touch-action:none;user-select:none}
.playlist-source-text{min-width:0}
.playlist-source-text b,.playlist-source-text small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.playlist-source-text b{font-size:calc(11px * var(--admin-font-factor,1))}.playlist-source-text small{color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1))}
.playlist-order-item{grid-template-columns:22px minmax(0,1fr) minmax(52px,98px) auto}
.playlist-order-index,.playlist-duration{color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1))}
.playlist-source .icon-button{width:28px;height:28px}
.playlist-source-list>.btn{justify-self:start}
.playlist-drop-tail{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:5px;padding:5px;border:1px dashed var(--line);border-radius:5px;color:var(--muted);font-size:calc(10px * var(--admin-font-factor,1));text-align:center}
.playlist-drag-over{border-color:var(--mint);box-shadow:inset 0 2px var(--mint);background:var(--mint-bg)}
.playlist-card-tags{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}
.playlist-preview{padding-inline-start:22px;margin:5px 0 10px;color:var(--muted);font-size:calc(11px * var(--admin-font-factor,1))}
.playlist-preview li{padding:3px 0;overflow-wrap:anywhere}
.playlist-preview li b{color:var(--text)}
.playlist-preview li small{display:block;color:var(--muted)}
.playlist-more{font-size:calc(10px * var(--admin-font-factor,1))}
.playlist-loader-preview{max-height:230px;overflow:auto;padding:4px 8px;background:var(--card2);border:1px solid var(--line);border-radius:5px}
.playlist-load-options{display:grid;gap:6px;margin:9px 0;padding:7px 9px;border:1px solid var(--line);border-radius:6px}
.playlist-load-options legend{padding:0 5px;color:var(--muted)}
.playlist-loader p{font-size:calc(11px * var(--admin-font-factor,1))}
@media(max-width:850px){
 .catalog-layout{grid-template-columns:minmax(0,1fr)}
 .catalog-groups{max-height:220px}
}
@media(max-width:660px){
 .playlist-builder{grid-template-columns:minmax(0,1fr)}
 .playlist-source-list,.playlist-order-list{max-height:220px}
}
@media(max-width:390px){
 .playlist-order-item{grid-template-columns:18px minmax(0,1fr) 74px auto;gap:3px}
 .playlist-order-item .row-actions{gap:0}
 .playlist-order-item .row-actions .icon-button{width:20px}
}
@media(min-width:961px){
 .program-explorer{display:flex;flex-direction:column}
 .program-items,.program-queue-content > .table-scroll{
  /* Keep long lists from dictating the height of the whole workspace. */
  contain:size;flex:1 0 auto;max-height:none;
 }
 .program-items,.program-queue-content{min-block-size:100px}
 .program-queue-content{display:flex;flex-direction:column}
}
@media(max-width:960px){.program-grid{grid-template-columns:minmax(0,1fr);min-height:0}.program-queue{min-height:240px}}
@media(max-width:540px){
  .program-grid{--program-list-height:245px}
  .program-item .icon-button{width:30px;height:30px}
  .program-queue-table .program-queue-type{display:none}
  .program-queue-table th:nth-child(4){width:93px}
  .program-queue-table .title-line small{display:none}
}

@media(max-width:380px){
 .transport-matrix.is-presenter{grid-template-columns:repeat(3,minmax(0,1fr))}
}

.console-progress{height:7px;align-self:center}
.studio-layout-mark{white-space:nowrap;align-self:center}
.studio-layout-warning{max-width:36ch;font-size:calc(11px * var(--admin-font-factor,1));color:var(--yellow)}
.presenter-playout{margin-block:10px}
.presenter-app .console-transport{margin-block:2px 12px}
.presenter-app .presenter-volume{margin:0;padding-inline:3px}
.presenter-app .presenter-main{max-width:1440px}
.presenter-app .transport-tile[data-action=once]{--studio-bright:#b6df7e;--studio-deep:#4b651a}
.presenter-app .transport-tile[data-action=reload]{--studio-bright:#ffcb77;--studio-deep:#7c500e}

@media(max-width:620px){
 .transport-matrix,.transport-matrix.is-demo{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container transport (max-width:795px){
 .transport-matrix,.transport-matrix.is-demo{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@container transport (max-width:540px){
 .transport-matrix,.transport-matrix.is-demo{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:720px){
 .console-desk{grid-template-columns:minmax(0,1fr);grid-template-areas:"decks" "output" "transport"}
 .console-output{
  grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;
  grid-template-areas:"head mic" "levels levels";align-items:center;gap:6px;
 }
 .console-output-head{justify-content:flex-start;gap:6px}
 .console-vu-groups{grid-template-columns:repeat(3,minmax(0,1fr))}
 .console-mic-control{align-self:center}
}
@media(max-width:390px){
 .console-air-row{gap:5px}
 .console-air-actions{gap:1px}
 .console-air-actions .icon-button{width:24px}
}

.schedule-card .row-actions,.console-event-row .console-air-actions{flex-wrap:wrap;justify-content:flex-end}
[data-action=stop-event-preview]:not(:disabled){color:var(--red);border-color:color-mix(in srgb,var(--red) 55%,var(--line))}
@media(max-width:540px){
 .console-event-row{grid-template-columns:auto minmax(0,1fr)}
 .console-event-row .console-air-actions{grid-column:1/-1}
}