html[data-theme=dark] body:has(#connectionPage:not([hidden])) {
  --theme-accent:#8dbbc2; --theme-guitar:#8dbbc2; --theme-tab:#aea2c0;
  --theme-metro:#a0afc1; --theme-master:#8dbbc2; --theme-ink:#dce5ed;
  --theme-danger:#be8298; --theme-danger-ink:#ddabba;
  background:#080e16 url('record-booth-wall.svg') repeat;
}
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell { width:calc(100% - 40px); max-width:1920px; padding:0 0 6px; }
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell>header { min-height:62px; padding:2px 4px; flex-wrap:nowrap; gap:14px; }
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell>header .main-nav { flex:1; order:0; flex-basis:auto; justify-content:flex-start; gap:8px; }
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .main-nav a { font-size:14px; }
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell>header .global-state { flex-basis:auto; order:0; padding:0; max-width:240px; font-size:10px; }
html[data-theme=dark] body:has(#connectionPage:not([hidden])) .brand .theme-logo { filter:saturate(.55) brightness(.95) drop-shadow(0 0 4px #88b5bd38); }
html[data-theme=dark] #connectionPage[data-record-booth] {
  --booth-cyan:#8dbbc2; --booth-violet:#aea2c0; --booth-rose:#c88ba0;
  --booth-line:#304555; --booth-muted:#9bafbf;
  position:relative; isolation:isolate; display:grid; padding:6px 0 0;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.76fr) minmax(0,1fr);
  grid-template-rows:24px clamp(90px,12vh,118px) minmax(206px,.85fr) minmax(258px,1.15fr);
  grid-template-areas:'title title title' 'transport transport transport' 'tuner metro library' 'mixer mixer library';
  gap:12px; min-height:630px; height:var(--record-available,calc(100dvh - 91px));
}
html[data-theme=dark] #connectionPage[data-record-booth][hidden] { display:none; }
#connectionPage .record-wall { position:absolute; inset:-4px -20px -10px; z-index:-3; pointer-events:none; background:radial-gradient(ellipse at 8% 10%,#27475816,transparent 50%),radial-gradient(ellipse at 95% 80%,#6a507515,transparent 50%); }
#connectionPage .record-wiring { position:absolute; inset:8px -17px 0; width:calc(100% + 34px); height:calc(100% - 8px); z-index:-2; pointer-events:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .record-page-title { grid-area:title; margin:0; color:#dce5ed; font-size:18px; font-weight:500; letter-spacing:0; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-top,.recorder-card,.studio-bottom) { display:contents; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner { grid-area:tuner; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-metro { grid-area:metro; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport { grid-area:transport; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-console { grid-area:mixer; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-history { grid-area:library; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-tuner,.studio-metro,.studio-transport,.studio-console,.studio-history) {
  --sign-color:var(--booth-cyan); --sign-glow:#8dbbc246;
  position:relative; min-width:0; min-height:0; margin:0; padding:52px 18px 12px;
  border:1px solid #527886; border-radius:12px;
  background:linear-gradient(to bottom,#142532 0,#101d2a 46px,#3d647144 47px,transparent 48px),linear-gradient(120deg,#101e2bee,#09121cec 55%,#0c1621f5);
  box-shadow:0 3px 7px #0008,0 0 7px #8dbbc211,inset 0 0 0 3px #09121b,inset 0 0 0 4px #748d9926;
}
html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-metro,.studio-history) { --sign-color:var(--booth-violet); --sign-glow:#aea2c046; border-color:#81728f; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-tuner,.studio-metro,.studio-transport,.studio-console,.studio-history)::before {
  inset:7px; z-index:-1; border:0; border-radius:6px; animation:none; box-shadow:none;
  background:radial-gradient(circle at 3px 3px,#879cab 0 1px,#050b12 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 3px) 3px,#879cab 0 1px,#050b12 2px 3px,transparent 4px),radial-gradient(circle at 3px calc(100% - 3px),#556f80 0 1px,#050b12 2px 3px,transparent 4px),radial-gradient(circle at calc(100% - 3px) calc(100% - 3px),#556f80 0 1px,#050b12 2px 3px,transparent 4px);
}
html[data-theme=dark] #connectionPage[data-record-booth] :is(.tuner-label,.studio-metro h2,.mixer-title h2,.take-heading h2) {
  position:absolute; top:7px; left:18px; max-width:calc(100% - 95px); padding:4px 14px;
  font-size:clamp(15px,1.25vw,21px); line-height:1.3; letter-spacing:.04em;
  background:linear-gradient(#10202e,#0a1420); border:1px solid var(--sign-color); border-radius:7px;
  color:color-mix(in srgb,var(--sign-color) 65%,white); box-shadow:0 0 8px var(--sign-glow),inset 0 0 8px var(--sign-glow); text-shadow:0 0 6px var(--sign-glow);
}
html[data-theme=dark] #connectionPage[data-record-booth] .panel-help { top:9px; right:14px; width:28px; height:28px; border-color:#778998; color:#c9d6e0; background:#0b1520; z-index:3; }
html[data-theme=dark] #connectionPage[data-record-booth] button { touch-action:manipulation; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(button,select):focus-visible { outline:2px solid #d0e5e8; outline-offset:3px; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(.secondary-button,.bpm-control button,.mute-button) { color:#d9e4ee; background:linear-gradient(#132333,#0a1420); border:1px solid #4d6b80; box-shadow:inset 0 1px 0 #b4d4df0b,0 2px 3px #0005; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(.secondary-button,.bpm-control button,.mute-button):hover:not(:disabled) { background:#192d3d; border-color:#87abb9; }
html[data-theme=dark] #connectionPage[data-record-booth] button[data-ui-icon]::before { font-size:13px; font-family:'Segoe UI','Yu Gothic UI',sans-serif; white-space:nowrap; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport { --sign-color:var(--booth-rose); padding:15px 54px 15px 22px; grid-template-columns:minmax(200px,.8fr) minmax(210px,.9fr) minmax(430px,2fr); gap:12px; border-color:#9f7589; background:linear-gradient(120deg,#142432ee,#09121cec 55%,#0c1621f5); }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport .tool-heading { display:flex; align-items:center; justify-content:flex-start; gap:16px; min-width:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport h2 { position:static; border:0; background:none; box-shadow:none; text-shadow:none; font-size:16px; margin:0; padding:0; color:#ce9aaf; white-space:nowrap; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordTime { font-size:clamp(30px,2.65vw,48px); padding:10px 12px; background:#070f19; border:1px solid #2c4759; border-radius:8px; letter-spacing:0; overflow-wrap:normal; white-space:nowrap; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordTime.recording { font-size:clamp(17px,1.6vw,28px); color:#daa4b6; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses { border:0; padding:0; gap:8px 10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses>div { gap:5px; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses strong { padding:2px 5px; border:0; font-size:11px; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses span { font-size:12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses strong.connected { color:#9fbfad; }
html[data-theme=dark] #connectionPage[data-record-booth] .source-statuses strong.connected i { background:#8bb69b; box-shadow:0 0 5px #8bb69b33; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions { display:flex; flex-wrap:nowrap; gap:8px; align-items:center; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions button { min-height:44px; min-width:0; flex:1 1 auto; padding:10px 12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions :is(#recordButton,#stopRecordButton,#newTakeButton) { order:-1; flex:1.3 1 auto; min-width:112px; min-height:56px; border:2px solid #bd899b; border-radius:10px; color:#e0afbf; background:linear-gradient(#281c2b,#151421); box-shadow:0 0 10px #c3889c20,inset 0 0 10px #c3889c0f; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions :is(#recordButton,#stopRecordButton,#newTakeButton)::before { font-size:19px; font-weight:600; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions :is(#recordButton,#stopRecordButton) { color:#ff85a8; border-color:#f4789e; background:linear-gradient(#361c30,#171320); box-shadow:0 0 15px #fa6b9538,inset 0 0 12px #f16a9316; }
html[data-theme=dark] #connectionPage[data-record-booth] .control-panel #startButton:not(:disabled) { color:#83eff4; border:1px solid #55d9e8; background:linear-gradient(#102e3a,#0a1e2b); box-shadow:0 0 12px #57e0ea2b,inset 0 0 10px #55d9e812; }
html[data-theme=dark] #connectionPage[data-record-booth] .control-panel #startButton:hover:not(:disabled) { color:#b8fbff; border-color:#91f2f7; background:#153543; filter:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .control-panel #startButton.active:not(:disabled) { color:#c5e1e7; border-color:#689eac; box-shadow:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions #cancelRecordPreparation { order:-1; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport .panel-help { top:calc(50% - 14px); }
html[data-theme=dark] #connectionPage[data-record-booth] .tab-signal { position:absolute; bottom:4px; left:35%; width:28%; max-width:none; grid-column:auto; opacity:.75; }
html[data-theme=dark] #connectionPage[data-record-booth] .tab-signal .meter { height:3px; }
html[data-theme=dark] #connectionPage[data-record-booth] .tab-signal :is(span,b) { font-size:8px; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner { display:flex; flex-direction:column; justify-content:flex-start; gap:4px; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner>.hero { flex:1 0 78px; }
html[data-theme=dark] #connectionPage[data-record-booth] .note-stage { min-height:78px; grid-template-columns:80px minmax(0,1fr); grid-template-rows:0 22px 35px 21px; gap:0 16px; }
html[data-theme=dark] #connectionPage[data-record-booth] .note { font-size:clamp(40px,3.6vw,62px); color:#e0e9f1; }
html[data-theme=dark] #connectionPage[data-record-booth] .frequency { font-size:13px; margin-top:3px; }
html[data-theme=dark] #connectionPage[data-record-booth] .octave { font-size:12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .tune { filter:none; background:repeating-linear-gradient(to right,#76a7b2 0 1px,transparent 1px 2.5%) center/100% 13px no-repeat; }
html[data-theme=dark] #connectionPage[data-record-booth] .tune-scale { font-size:9px; }
html[data-theme=dark] #connectionPage[data-record-booth] .detected .tune i { background:#acd4d8; box-shadow:0 0 7px #8dbbc27a; }
html[data-theme=dark] #connectionPage[data-record-booth] .control-panel { flex-shrink:0; grid-template-columns:minmax(0,1fr) auto; gap:6px 10px; margin:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .control-panel :is(select,#startButton) { min-height:36px; font-size:11px; padding:6px 9px; }
html[data-theme=dark] #connectionPage[data-record-booth] .level-box { grid-column:1/-1; display:flex; align-items:center; gap:9px; padding:0; border:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .level-box>div:first-child { width:96px; flex-shrink:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .level-box .meter { flex:1; margin:0; height:7px; }
html[data-theme=dark] #connectionPage[data-record-booth] .meter i { background:#84b4bf; box-shadow:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .connection-details { flex-shrink:0; margin:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner:has(.connection-details[open]) { z-index:5; }
html[data-theme=dark] #connectionPage[data-record-booth] .connection-details summary { font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-metro { grid-template-columns:minmax(0,1.1fr) minmax(95px,1fr); grid-template-rows:0 1fr 40px; gap:7px 12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .bpm-control { grid-template-columns:minmax(50px,1fr) 30px 30px; gap:4px; }
html[data-theme=dark] #connectionPage[data-record-booth] .bpm-control input { width:100%; font-size:clamp(32px,3vw,52px); line-height:1; font-variant-numeric:tabular-nums; }
html[data-theme=dark] #connectionPage[data-record-booth] .bpm-control button { width:30px; min-height:36px; font-size:20px; padding:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .bpm-control label span { font-size:11px; }
html[data-theme=dark] #connectionPage[data-record-booth] .metro-options { gap:7px; }
html[data-theme=dark] #connectionPage[data-record-booth] .metro-options label>span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
html[data-theme=dark] #connectionPage[data-record-booth] .metro-options select { min-height:36px; font-size:12px; padding:5px 7px; }
html[data-theme=dark] #connectionPage[data-record-booth] .metro-options>div { flex-wrap:wrap; gap:3px; }
html[data-theme=dark] #connectionPage[data-record-booth] .metro-options>div>span { font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .switch-button { min-height:25px; padding:4px 10px; border-radius:14px; font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] #accentButton.active { color:#ede9f5; background:#716681; border-color:#a59bb8; }
html[data-theme=dark] #connectionPage[data-record-booth] #metroButton { min-height:40px; border-radius:8px; background:#102732; color:#b4d5da; border-color:#88aeb8; box-shadow:0 0 8px #8dbbc21c; }
html[data-theme=dark] #connectionPage[data-record-booth] #metroButton::before { font-size:15px; }
html[data-theme=dark] #connectionPage[data-record-booth] .beat-dots { gap:6px; margin:0 0 12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .beat-dots i { width:16px; height:16px; flex-basis:16px; }
html[data-theme=dark] #connectionPage[data-record-booth] .beat-dots i.on { background:#ab9bbe; box-shadow:0 0 6px #aea2c042; border-color:#c1b5d1; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-console { display:flex; flex-direction:column; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer { flex:1; min-height:0; grid-template-rows:minmax(0,1fr); padding-top:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel { min-height:0; gap:4px; padding:0 14px; }
html[data-theme=dark] #connectionPage[data-record-booth] .strip-name { font-size:12px; color:#d0dae5; }
html[data-theme=dark] #connectionPage[data-record-booth] .fader-readout { font-size:22px; margin:0 0 5px; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel .fader-well { flex:1; height:auto; min-height:70px; max-height:220px; grid-template-columns:25px 36px 14px; grid-template-rows:minmax(0,1fr); gap:14px; margin:0 0 8px; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel .fader-well input[type=range] { height:100%; min-height:70px; width:36px; }
html[data-theme=dark] #connectionPage[data-record-booth] .signal-meter { width:14px; background:#233544; }
html[data-theme=dark] #connectionPage[data-record-booth] .signal-meter-fill { box-shadow:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .signal-readout { display:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel input[type=range]::-webkit-slider-thumb { width:34px; height:24px; margin-left:-14px; border:1px solid var(--channel-accent); background:linear-gradient(#213846 0 39%,var(--channel-accent) 43% 57%,#182b3a 61%); box-shadow:0 0 6px #8dbbc226; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel input[type=range]::-moz-range-thumb { width:34px; height:24px; border:1px solid var(--channel-accent); background:linear-gradient(#213846 0 39%,var(--channel-accent) 43% 57%,#182b3a 61%); box-shadow:0 0 6px #8dbbc226; }
html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel .mute-button { width:64px; min-height:32px; font-size:0; padding:5px 14px; }
html[data-theme=dark] #connectionPage[data-record-booth] .mute-button::before { content:''; display:block; width:20px; height:20px; margin:auto; background:currentColor; mask:url('record-booth-speaker.svg') center/contain no-repeat; }
html[data-theme=dark] #connectionPage[data-record-booth] .mute-button[aria-pressed=true]::before { mask-image:url('record-booth-muted.svg'); }
html[data-theme=dark] #connectionPage[data-record-booth] .master-channel::after { content:''; height:32px; flex-shrink:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .monitor-setting { justify-content:flex-start; gap:10px; padding:7px 0 0; margin-top:9px; min-height:32px; }
html[data-theme=dark] #connectionPage[data-record-booth] .monitor-setting>div { flex:0; margin:0; white-space:nowrap; font-size:11px; }
html[data-theme=dark] #connectionPage[data-record-booth] #recorderMonitorButton { order:1; }
html[data-theme=dark] #connectionPage[data-record-booth] .monitor-setting>.text-button { order:2; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-history { display:flex; flex-direction:column; padding:52px 12px 12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .studio-history>.panel-help { right:49px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-heading { margin:0 0 8px; padding-right:0; min-height:13px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-heading h2 { left:15px; }
html[data-theme=dark] #connectionPage[data-record-booth] #takeCount { font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-panel { min-height:0; flex:1 1 48%; display:flex; flex-direction:column; }
html[data-theme=dark] #connectionPage[data-record-booth] #takeList { flex:1; min-height:70px; max-height:none; overflow:auto; scrollbar-width:thin; }
html[data-theme=dark] #connectionPage[data-record-booth] #takeList>p { min-height:80px; height:100%; color:#9fb1c3; font-size:12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row { display:flex; align-items:stretch; gap:0; margin:3px 0; border:1px solid transparent; border-bottom-color:#2a4051; border-radius:6px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row.selected { background:#172d3b; border-color:#526e80; border-left:3px solid #90bdc3; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child { display:grid; flex:1; min-width:0; grid-template-columns:1fr auto; gap:3px 8px; align-items:center; text-align:left; border:0; background:none; padding:9px 12px; min-height:50px; font-size:12px; box-shadow:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child::before { display:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child strong { color:#dde7ef; font-size:13px; font-weight:500; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child small { grid-row:2; grid-column:1/-1; color:#a3b5c7; font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child .take-duration { grid-row:1; grid-column:2; font-variant-numeric:tabular-nums; color:#c8d6e1; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-row .booth-take-play { min-width:40px; padding:8px; background:none; border:0; color:#bed5e0; font-size:17px; }
html[data-theme=dark] #connectionPage[data-record-booth] .booth-deleted { padding:4px 0; margin:4px 0; border:0; background:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .booth-deleted>summary { font-size:11px; color:#a8b6c5; cursor:pointer; padding:6px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-more { top:9px; right:12px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-more summary { padding:2px 5px; font-size:16px; }
html[data-theme=dark] #connectionPage[data-record-booth] .take-more .take-actions { top:32px; }
html[data-theme=dark] #connectionPage[data-record-booth] .booth-player { position:relative; flex:0 0 auto; min-width:0; padding:15px 12px 10px; border:1px solid #3b5368; border-radius:8px; background:linear-gradient(145deg,#0d1c29,#08121d); margin-top:12px; display:grid; grid-template-columns:1fr auto; align-items:center; gap:8px; }
html[data-theme=dark] #connectionPage[data-record-booth] #boothPlayerTitle { font-size:15px; font-weight:600; margin:0; color:#dbe6ee; }
html[data-theme=dark] #connectionPage[data-record-booth] .playback-mode { margin:0; gap:0; }
html[data-theme=dark] #connectionPage[data-record-booth] .playback-mode button { font-size:10px; padding:5px 8px; min-height:28px; border-radius:5px; }
html[data-theme=dark] #connectionPage[data-record-booth] #playbackStatus { grid-column:1/-1; margin:0; font-size:10px; line-height:1.4; min-height:14px; color:#a6b9ca; }
html[data-theme=dark] #connectionPage[data-record-booth] .recording-timeline { grid-column:1/-1; display:flex; flex-direction:column; padding:0; border:0; margin:0; background:none; gap:7px; }
html[data-theme=dark] #connectionPage[data-record-booth] .recording-timeline>div:first-child { order:2; font-size:10px; }
html[data-theme=dark] #connectionPage[data-record-booth] .booth-wave { position:relative; height:clamp(64px,9vh,108px); display:block; background:#07111c; border-radius:4px; overflow:hidden; }
#connectionPage .booth-wave canvas { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }
#connectionPage #recordWaveformHint { position:absolute; inset:0; display:flex; align-items:center; justify-content:center; font-size:11px; color:#8d9faf; pointer-events:none; }
#connectionPage #recordWaveformHint[hidden] { display:none; }
html[data-theme=dark] #connectionPage[data-record-booth] .recording-timeline #recordingSeek { appearance:none; position:absolute; inset:0; height:100%; width:100%; margin:0; padding:0; background:transparent; border:0; opacity:1; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordingSeek::-webkit-slider-runnable-track { height:100%; background:transparent; border:0; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordingSeek::-webkit-slider-thumb { appearance:none; width:3px; height:100%; border:0; border-radius:0; background:#9ac7ce; box-shadow:0 0 5px #9ac7ce40; margin:0; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordingSeek::-moz-range-track { background:transparent; border:0; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordingSeek::-moz-range-thumb { width:3px; height:90px; border:0; border-radius:0; background:#9ac7ce; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordingSeek:disabled { opacity:.2; }
html[data-theme=dark] #connectionPage[data-record-booth] .playback-actions { grid-column:1/-1; align-items:center; margin:0; gap:8px; }
html[data-theme=dark] #connectionPage[data-record-booth] .playback-actions :is(#playButton,#pauseButton) { width:56px; height:56px; min-height:56px; min-width:56px; padding:0; border-radius:50%; border:2px solid #8cafba; background:#112635; box-shadow:0 0 9px #8dbbc21e; }
html[data-theme=dark] #connectionPage[data-record-booth] :is(#playButton,#pauseButton)::before { font-size:24px; }
html[data-theme=dark] #connectionPage[data-record-booth] #restartButton { width:40px; height:40px; border-radius:50%; padding:0; }
html[data-theme=dark] #connectionPage[data-record-booth] #restartButton::before { font-size:21px; }
html[data-theme=dark] #connectionPage[data-record-booth] #saveRecordButton { margin-left:auto; min-height:40px; min-width:94px; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordStatus { position:relative; grid-column:1/-1; margin:0; z-index:3; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordStatus:empty { display:none; }
html[data-theme=dark] #connectionPage[data-record-booth] #recordedAudio { display:none; }
html[data-theme=dark] #connectionPage[data-record-booth].is-powering-on :is(.studio-tuner,.studio-metro,.studio-transport,.studio-console,.studio-history) { animation:none; }
@media(min-width:1450px) and (min-height:850px) {
  html[data-theme=dark] #connectionPage[data-record-booth] { gap:16px; }
  html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-tuner,.studio-metro,.studio-console,.studio-history) { padding-top:60px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .control-panel { grid-template-columns:minmax(0,1fr) auto; gap:10px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .control-panel :is(select,#startButton) { min-height:40px; font-size:12px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .take-row button:first-child { min-height:66px; }
}
@media(min-width:1151px) and (max-height:800px) {
  html[data-theme=dark] #connectionPage[data-record-booth] { min-height:618px; gap:10px; }
  html[data-theme=dark] #connectionPage[data-record-booth] :is(.studio-tuner,.studio-metro,.studio-console,.studio-history) { padding-top:44px; padding-bottom:8px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner>.hero { flex-basis:68px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .note-stage { min-height:68px; grid-template-rows:0 18px 32px 18px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .note { font-size:40px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .device-field>span { position:absolute; width:1px; height:1px; clip-path:inset(50%); overflow:hidden; }
  html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel { gap:2px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .fader-readout { font-size:20px; margin:0; }
  html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel .fader-well { margin-bottom:4px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .mixer-channel .mute-button { min-height:32px; padding:4px 12px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .master-channel::after { height:32px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .monitor-setting { flex:0 0 32px; min-height:32px; margin-top:6px; padding-top:5px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .monitor-setting>.text-button { min-height:26px; height:26px; padding:0 6px; line-height:1.2; }
}
@media(max-width:1150px) {
  html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell>header { flex-wrap:wrap; }
  html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell>header .main-nav { order:2; flex-basis:100%; }
  html[data-theme=dark] #connectionPage[data-record-booth] { height:auto; grid-template-columns:1fr 1fr; grid-template-rows:24px auto 240px auto; grid-template-areas:'title title' 'transport transport' 'tuner metro' 'mixer library'; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-transport { grid-template-columns:1fr 1fr; padding-right:48px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions { grid-column:1/-1; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-console { min-height:440px; }
}
@media(max-width:760px) {
  html[data-theme=dark] body:has(#connectionPage:not([hidden])) .shell { width:calc(100% - 24px); }
  html[data-theme=dark] #connectionPage[data-record-booth] { display:flex; flex-direction:column; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-top { display:flex; flex-direction:column; gap:12px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-tuner { min-height:252px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-metro { min-height:220px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .capture-actions { flex-wrap:wrap; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-console { min-height:370px; }
  html[data-theme=dark] #connectionPage[data-record-booth] .studio-history { min-height:420px; }
}