@layer features {
#panel-audio.studio-on:not(.hidden):not([hidden]) { height:auto !important; min-height:0; display:block; }
#panel-audio.studio-on > :not(#studio) { display:none !important; }
#panel-audio #studio.studio { --s-line:var(--line,#3f322c); --s-surface:var(--surface,#221a17); --s-soft:color-mix(in srgb,var(--ink) 6%,var(--surface)); --s-sunk:color-mix(in srgb,var(--ink) 10%,var(--surface));
  display:flex; flex-direction:column; gap:10px; height:clamp(560px,calc(100dvh - 190px),1400px); min-height:0; color:var(--ink); font-size:14px; }
#panel-audio #studio.studio [hidden] { display:none !important; }
#panel-audio #studio.studio .studio-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
#panel-audio #studio.studio svg.lucide,#panel-audio #studio.studio i[data-lucide] { width:18px; height:18px; }
#panel-audio #studio .studio-transport { display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:8px; border:1px solid var(--s-line); border-radius:var(--r-lg,18px); background:var(--s-surface); }
#panel-audio #studio .studio-transport-group { display:flex; align-items:center; gap:6px; }
#panel-audio #studio .studio-spacer { flex-grow:1; }
#panel-audio #studio .studio-play.is-loading svg { animation:studio-spin .9s linear infinite; }
@keyframes studio-spin { to { transform:rotate(360deg); } }
#panel-audio #studio .studio-rec svg { color:#e5484d; fill:#e5484d; }
#panel-audio #studio .studio-rec[aria-pressed="true"] svg { color:#fff; fill:#fff; }
@keyframes studio-rec { 50% { box-shadow:0 0 0 6px rgba(229,72,77,.25); } }
@media (prefers-reduced-motion:reduce) { }
#panel-audio #studio .studio-position { display:flex; align-items:baseline; gap:10px; padding:6px 12px; border-radius:12px; background:var(--s-sunk); font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-position strong { font-size:18px; font-weight:800; min-width:92px; }
#panel-audio #studio .studio-position span { font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-field > span { white-space:nowrap; }
#panel-audio #studio .studio-field input[type="number"] { width:68px; }
#panel-audio #studio .studio-field input[type="color"] { width:34px; height:30px; padding:0; border:1px solid var(--s-line); border-radius:8px; background:none; }
#panel-audio #studio .studio-range output { min-width:44px; font-variant-numeric:tabular-nums; color:var(--ink); }
#panel-audio #studio .studio-primary { display:inline-flex; align-items:center; gap:8px; height:42px; padding:0 18px; border-radius:999px; border:0; background:linear-gradient(180deg,#D06448,#A9442D); color:#fff; font-weight:700; cursor:pointer; }
#panel-audio #studio .studio-loudness { display:flex; flex-direction:column; align-items:flex-end; line-height:1.1; font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-loudness strong { font-size:15px; }
#panel-audio #studio .studio-loudness span { font-size:11px; color:var(--muted); }
#panel-audio #studio .studio-level { display:block; width:92px; height:4px; margin-top:3px; border-radius:2px; background:var(--s-sunk); overflow:hidden; }
#panel-audio #studio .studio-level i { display:block; height:100%; width:0; border-radius:2px; background:linear-gradient(90deg,#4caf7a 0 70%,#e0b341 70% 90%,#e5484d 90%); background-size:92px 100%; transition:width .05s linear; }
#panel-audio #studio .studio-seg { display:inline-flex; gap:2px; padding:3px; border-radius:999px; background:var(--s-sunk); }
#panel-audio #studio .studio-more,#panel-audio #studio .studio-add,#panel-audio #studio .studio-row-more { position:relative; }
#panel-audio #studio .studio-more > summary,#panel-audio #studio .studio-add > summary,#panel-audio #studio .studio-row-more > summary { list-style:none; cursor:pointer; }
#panel-audio #studio .studio-more > summary::-webkit-details-marker,#panel-audio #studio .studio-add > summary::-webkit-details-marker,#panel-audio #studio .studio-row-more > summary::-webkit-details-marker { display:none; }
#panel-audio #studio .studio-menu { position:absolute; right:0; top:calc(100% + 6px); z-index:var(--z-popover,30); min-width:230px; display:flex; flex-direction:column; padding:6px; border-radius:14px; border:1px solid var(--s-line); background:var(--s-surface); box-shadow:var(--elev-3,0 20px 50px rgba(0,0,0,.35)); }
#panel-audio #studio .studio-add .studio-menu { left:0; right:auto; }
#panel-audio #studio .studio-menu-label { margin:6px 10px 2px; font-size:11px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-menu-label:empty { height:1px; margin:4px 6px; background:var(--s-line); }
#panel-audio #studio .studio-menu button small { margin-left:auto; font-size:11px; color:var(--muted); font-weight:500; }
#panel-audio #studio .studio-song-settings { position:relative; }
#panel-audio #studio .studio-song-settings > summary { list-style:none; }
#panel-audio #studio .studio-song-settings > summary::-webkit-details-marker { display:none; }
#panel-audio #studio .studio-song-menu { left:0; right:auto; gap:10px; padding:12px; min-width:260px; }
#panel-audio #studio .studio-song-menu .studio-field { justify-content:space-between; }
#panel-audio #studio .studio-body { display:grid; grid-template-rows:minmax(160px,1fr) auto auto; gap:0; flex-grow:1; min-height:0; }
#panel-audio #studio .studio-body[data-view="mixer"] { grid-template-rows:1fr; }
#panel-audio #studio .studio-body[data-view="mixer"] .studio-arrange,#panel-audio #studio .studio-body[data-view="mixer"] .studio-editor { display:none; }
#panel-audio #studio .studio-arrange { position:relative; min-height:0; border:1px solid var(--s-line); border-radius:var(--r-lg,18px); background:var(--s-surface); overflow:hidden; }
#panel-audio #studio .studio-scroll { position:absolute; inset:0; overflow:auto; overscroll-behavior:contain; }
#panel-audio #studio .studio-grid { position:relative; display:grid; grid-template-columns:var(--head) var(--lane); grid-template-rows:34px; grid-auto-rows:var(--row); align-content:start; min-height:100%; }
#panel-audio #studio .studio-corner { position:sticky; left:0; top:0; z-index:5; height:34px; display:flex; align-items:center; justify-content:space-between; padding:0 8px 0 12px; background:var(--s-surface); border-right:1px solid var(--s-line); border-bottom:1px solid var(--s-line); font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
#panel-audio #studio .studio-add > summary { display:flex; align-items:center; justify-content:center; width:28px; height:28px; border-radius:9px; border:1px solid var(--s-line); background:var(--s-soft); color:var(--ink); }
#panel-audio #studio .studio-ruler { position:sticky; top:0; z-index:4; height:34px; background:var(--s-surface); border-bottom:1px solid var(--s-line); cursor:pointer; touch-action:none; }
#panel-audio #studio .studio-grid > .studio-corner,#panel-audio #studio .studio-grid > .studio-ruler { grid-row:1; height:34px; }
#panel-audio #studio .studio-bar { position:absolute; top:0; bottom:0; padding:9px 0 0 5px; border-left:1px solid var(--s-line); font-size:11px; color:var(--muted); font-variant-numeric:tabular-nums; pointer-events:none; }
#panel-audio #studio .studio-cycle { position:absolute; top:2px; height:9px; border-radius:5px; background:color-mix(in srgb,var(--accent) 30%,transparent); }
#panel-audio #studio .studio-cycle[data-on="true"] { background:color-mix(in srgb,var(--accent) 70%,transparent); }
#panel-audio #studio .studio-cycle-edge { position:absolute; top:-3px; width:12px; height:15px; cursor:ew-resize; }
#panel-audio #studio .studio-cycle-edge[data-edge="start"] { left:-6px; } #panel-audio #studio .studio-cycle-edge[data-edge="end"] { right:-6px; }
#panel-audio #studio .studio-marker { position:absolute; bottom:1px; height:18px; padding:0 6px 0 4px; border:0; border-left:2px solid #F2B84B; border-radius:0 6px 6px 0; background:color-mix(in srgb,#F2B84B 20%,var(--s-surface)); font-size:10px; font-weight:700; white-space:nowrap; cursor:grab; }
#panel-audio #studio .studio-head { position:sticky; left:0; z-index:3; display:grid; grid-template-columns:5px 1fr auto; grid-template-rows:1fr auto; column-gap:8px; align-items:center; padding:4px 8px 4px 0; background:var(--s-surface); border-right:1px solid var(--s-line); border-bottom:1px solid var(--s-line); }
#panel-audio #studio .studio-head.is-selected { background:color-mix(in srgb,var(--c) 10%,var(--s-surface)); }
#panel-audio #studio .studio-head-color { grid-row:1 / 3; align-self:stretch; background:var(--c); }
#panel-audio #studio .studio-head-main svg { color:var(--c); flex-shrink:0; }
#panel-audio #studio .studio-head-name { font-weight:700; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-head-buttons { display:flex; gap:3px; }
#panel-audio #studio .studio-head-vol { grid-column:2 / 3; width:100%; height:14px; accent-color:var(--c); }
#panel-audio #studio .studio-auto-toggle { grid-column:3; grid-row:2; width:26px; height:20px; padding:0; border-radius:6px; border:1px solid var(--s-line); background:var(--s-sunk); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
#panel-audio #studio .studio-auto-toggle svg { width:14px; height:14px; }
#panel-audio #studio .studio-auto-toggle[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); }
#panel-audio #studio .studio-auto-head { position:sticky; left:0; z-index:3; display:flex; align-items:center; gap:6px; padding:6px 8px 6px 12px; background:color-mix(in srgb,var(--c) 6%,var(--s-surface)); border-right:1px solid var(--s-line); border-bottom:1px solid var(--s-line); }
#panel-audio #studio .studio-auto-head select { flex:1 1 auto; min-width:0; height:28px; border-radius:8px; border:1px solid var(--s-line); background:var(--s-sunk); color:var(--ink); font-size:11px; font-weight:600; }
#panel-audio #studio .studio-auto-head .studio-chip { height:28px; padding:0 8px; font-size:11px; }
#panel-audio #studio .studio-auto-head .studio-icon { width:28px; height:28px; }
#panel-audio #studio .studio-auto-lane { position:relative; border-bottom:1px solid var(--s-line); background:color-mix(in srgb,var(--c) 5%,var(--s-surface)); cursor:crosshair; touch-action:none; }
#panel-audio #studio .studio-auto-lane svg { display:block; }
#panel-audio #studio .studio-auto-lane circle { fill:var(--s-surface); stroke:var(--c); stroke-width:2; cursor:grab; }
#panel-audio #studio .studio-lane { position:relative; border-bottom:1px solid var(--s-line); background-image:repeating-linear-gradient(90deg,var(--s-line) 0 1px,transparent 1px var(--bar)); background-color:color-mix(in srgb,var(--ink) 2%,var(--s-surface)); }
#panel-audio #studio .studio-clip { position:absolute; top:4px; bottom:4px; box-sizing:border-box; padding:2px 5px; border:1px solid var(--c); border-radius:8px; background:color-mix(in srgb,var(--c) 22%,var(--s-surface)); overflow:hidden; cursor:grab; touch-action:pan-x pan-y; user-select:none; }
#panel-audio #studio .studio-clip.is-selected { touch-action:none; }
#panel-audio #studio .studio-clip.is-selected { border:2px solid var(--ink); box-shadow:0 0 0 2px color-mix(in srgb,var(--c) 50%,transparent); z-index:1; }
#panel-audio #studio .studio-clip.is-loop { background-image:repeating-linear-gradient(90deg,transparent 0 calc(100% - 1px),color-mix(in srgb,var(--c) 40%,transparent) calc(100% - 1px) 100%); }
#panel-audio #studio .studio-clip:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
#panel-audio #studio .studio-clip-name { display:flex; gap:6px; align-items:center; height:14px; font-size:11px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; pointer-events:none; }
#panel-audio #studio .studio-clip-badge { font-size:9px; padding:0 4px; border-radius:4px; background:var(--c); color:#1b1613; }
#panel-audio #studio .studio-clip-art { display:block; pointer-events:none; fill:currentColor; }
#panel-audio #studio .studio-clip-legacy { display:flex; align-items:center; gap:6px; height:calc(100% - 16px); font-size:11px; color:var(--muted); pointer-events:none; }
#panel-audio #studio .studio-fade { position:absolute; top:0; bottom:0; pointer-events:none; }
#panel-audio #studio .studio-fade.in { left:0; background:linear-gradient(to top right,transparent 49%,color-mix(in srgb,var(--ink) 30%,transparent) 50%,transparent 52%); }
#panel-audio #studio .studio-fade.out { right:0; background:linear-gradient(to top left,transparent 49%,color-mix(in srgb,var(--ink) 30%,transparent) 50%,transparent 52%); }
#panel-audio #studio .studio-handle { position:absolute; top:0; bottom:0; width:9px; cursor:ew-resize; }
#panel-audio #studio .studio-handle.start { left:0; } #panel-audio #studio .studio-handle.end { right:0; }
#panel-audio #studio .studio-handle.loop { top:0; bottom:auto; right:0; width:12px; height:12px; border-radius:0 6px 0 6px; background:var(--c); cursor:e-resize; opacity:0; }
#panel-audio #studio .studio-clip:hover .studio-handle.loop,#panel-audio #studio .studio-clip.is-selected .studio-handle.loop { opacity:1; }
#panel-audio #studio .studio-clip.is-selected .studio-handle.start,#panel-audio #studio .studio-clip.is-selected .studio-handle.end { background:linear-gradient(90deg,transparent 3px,var(--ink) 3px 6px,transparent 6px); background-size:100% 40%; background-repeat:no-repeat; background-position:center; }
#panel-audio #studio .studio-playhead { position:absolute; left:0; top:0; bottom:0; width:2px; background:var(--ink); pointer-events:none; z-index:6; box-shadow:0 0 6px color-mix(in srgb,var(--ink) 60%,transparent); }
#panel-audio #studio .studio-empty { position:sticky; left:0; grid-column:1 / -1; grid-row:2 / span 4; align-self:start; margin:24px; padding:28px; max-width:560px; border:1px dashed var(--s-line); border-radius:18px; text-align:left; z-index:7; background:var(--s-surface); }
#panel-audio #studio .studio-empty h3 { margin:0 0 6px; font-size:20px; }
#panel-audio #studio .studio-empty p { margin:0 0 16px; color:var(--muted); }
#panel-audio #studio .studio-empty-actions { display:flex; flex-wrap:wrap; gap:8px; }
#panel-audio #studio .studio-zoom { display:flex; align-items:center; gap:4px; padding:3px; border-radius:999px; background:var(--s-sunk); }
#panel-audio #studio .studio-zoom select { height:34px; padding:0 8px; border-radius:999px; border:0; background:transparent; color:var(--ink); font-size:13px; font-weight:600; }
#panel-audio #studio .studio-split { height:12px; margin:0 40%; cursor:row-resize; touch-action:none; position:relative; border-radius:6px; }
#panel-audio #studio .studio-split::after { content:""; position:absolute; left:50%; top:4px; width:44px; height:4px; margin-left:-22px; border-radius:2px; background:var(--s-line); transition:background .15s; }
#panel-audio #studio .studio-split:hover::after,#panel-audio #studio .studio-split:focus-visible::after,#panel-audio #studio .studio-split.is-dragging::after { background:var(--accent); }
#panel-audio #studio .studio-body[data-view="mixer"] .studio-split { display:none; }
#panel-audio #studio .studio-editor { min-height:0; max-height:min(44vh,460px); overflow:auto; border:1px solid var(--s-line); border-radius:var(--r-lg,18px); background:var(--s-surface); padding:10px 12px; }
#panel-audio #studio .studio-editor-hint { margin:6px 0; font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-editor-head { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-bottom:10px; }
#panel-audio #studio .studio-editor-title { display:flex; align-items:center; gap:8px; margin-right:6px; }
#panel-audio #studio .studio-editor-title svg { color:var(--c); }
#panel-audio #studio .studio-editor-title span { color:var(--muted); font-size:12px; }
#panel-audio #studio .studio-editor-tools { display:flex; flex-wrap:wrap; align-items:center; gap:8px; }
#panel-audio #studio .studio-slots { display:flex; gap:3px; }
#panel-audio #studio .studio-slot { position:relative; width:30px; height:30px; border-radius:8px; border:1px solid var(--s-line); background:var(--s-sunk); font-weight:800; cursor:pointer; }
#panel-audio #studio .studio-slot[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); background:color-mix(in srgb,var(--accent) 14%,var(--s-surface)); }
#panel-audio #studio .studio-slot .dot { position:absolute; right:3px; top:3px; width:5px; height:5px; border-radius:50%; background:var(--accent); }
#panel-audio #studio .studio-drums { display:flex; flex-direction:column; gap:4px; overflow-x:auto; }
#panel-audio #studio .studio-drum-row { display:grid; grid-template-columns:230px 1fr; gap:6px; align-items:center; }
#panel-audio #studio .studio-drum-row.is-muted .studio-drum-steps { opacity:.4; }
#panel-audio #studio .studio-drum-name { display:flex; align-items:center; gap:4px; }
#panel-audio #studio .studio-drum-name select { flex-grow:1; min-width:0; height:30px; border-radius:8px; border:1px solid var(--s-line); background:var(--s-sunk); color:var(--ink); font-size:12px; font-weight:600; }
#panel-audio #studio .studio-pad-play { width:30px; height:30px; padding:0; border-radius:8px; border:1px solid var(--s-line); background:var(--s-sunk); cursor:pointer; display:inline-flex; align-items:center; justify-content:center; }
#panel-audio #studio .studio-row-more > summary { width:30px; height:30px; display:inline-flex; align-items:center; justify-content:center; border-radius:8px; border:1px solid var(--s-line); background:var(--s-sunk); }
#panel-audio #studio .studio-row-more .studio-menu { left:0; right:auto; min-width:280px; gap:6px; padding:10px; }
#panel-audio #studio .studio-drum-steps { display:grid; grid-template-columns:repeat(var(--steps),minmax(26px,1fr)); gap:3px; }
#panel-audio #studio .studio-step { position:relative; height:32px; padding:0; border-radius:7px; border:1px solid var(--s-line); background:var(--s-sunk); font-size:10px; font-weight:800; color:#1b1613; cursor:pointer; }
#panel-audio #studio .studio-step.beat { margin-left:8px; }
#panel-audio #studio .studio-step[data-level="soft"] { background:color-mix(in srgb,var(--accent) 45%,var(--s-sunk)); }
#panel-audio #studio .studio-step[data-level="on"] { background:color-mix(in srgb,var(--accent) 75%,var(--s-sunk)); }
#panel-audio #studio .studio-step[data-level="loud"] { background:var(--accent); box-shadow:inset 0 0 0 2px #fff6; }
#panel-audio #studio .studio-step small { position:absolute; bottom:1px; right:2px; font-size:8px; }
.studio-pop { position:fixed; z-index:var(--z-popover,30); display:flex; flex-direction:column; gap:8px; padding:10px; border-radius:14px; border:1px solid var(--s-line,#3f322c); background:var(--surface); color:var(--ink); box-shadow:var(--elev-3,0 20px 50px rgba(0,0,0,.35)); }
.studio-pop-row { display:flex; align-items:center; gap:4px; }
.studio-pop-row > span { width:64px; font-size:12px; font-weight:700; color:var(--muted); }
.studio-pop button { height:30px; padding:0 9px; border-radius:8px; border:1px solid var(--line); background:transparent; color:var(--ink); font-weight:700; cursor:pointer; }
.studio-pop button[aria-pressed="true"] { border-color:var(--accent); color:var(--accent); }
.studio-fx-menu { max-height:320px; overflow:auto; min-width:200px; gap:2px; }
.studio-fx-menu button { text-align:left; border:0; }
#panel-audio #studio .studio-roll { display:grid; grid-template-columns:52px 1fr; height:clamp(200px,32vh,420px); border:1px solid var(--s-line); border-radius:12px; overflow:hidden; }
#panel-audio #studio .studio-roll-keys { overflow:hidden; background:var(--s-sunk); }
#panel-audio #studio .studio-key.in-key { box-shadow:inset 3px 0 0 var(--accent); }
#panel-audio #studio .studio-roll-scroll { position:relative; overflow:auto; }
#panel-audio #studio .studio-roll-grid { position:relative; touch-action:none; cursor:crosshair; }
#panel-audio #studio .studio-roll-row { position:absolute; left:0; right:0; border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent); }
#panel-audio #studio .studio-roll-row.black { background:color-mix(in srgb,var(--ink) 4%,transparent); }
#panel-audio #studio .studio-roll-row.out { background:color-mix(in srgb,var(--ink) 9%,transparent); }
#panel-audio #studio .studio-roll-line { position:absolute; top:0; bottom:0; width:1px; background:color-mix(in srgb,var(--ink) 6%,transparent); }
#panel-audio #studio .studio-roll-line.beat { background:color-mix(in srgb,var(--ink) 14%,transparent); } #panel-audio #studio .studio-roll-line.bar { background:color-mix(in srgb,var(--ink) 30%,transparent); }
#panel-audio #studio .studio-note { position:absolute; box-sizing:border-box; border-radius:3px; background:color-mix(in srgb,#5FB8A5 calc(40% + var(--v) * 60%),#1b1613); border:1px solid #1b161355; cursor:move; }
#panel-audio #studio .studio-note.is-selected { background:#F2B84B; border-color:#fff; }
#panel-audio #studio .studio-note-end { position:absolute; right:0; top:0; bottom:0; width:6px; cursor:ew-resize; }
#panel-audio #studio .studio-vel { position:sticky; bottom:0; height:56px; background:var(--s-surface); border-top:1px solid var(--s-line); touch-action:none; cursor:ns-resize; }
#panel-audio #studio .studio-vel-bar { position:absolute; bottom:4px; width:4px; margin-left:1px; border-radius:2px; background:#5FB8A5; }
#panel-audio #studio .studio-vel-bar.is-selected { background:#F2B84B; }
#panel-audio #studio .studio-clip-panel,#panel-audio #studio .studio-track-panel { display:flex; flex-wrap:wrap; align-items:center; gap:10px 18px; }
#panel-audio #studio .studio-takes { margin-top:12px; display:flex; flex-direction:column; gap:6px; }
#panel-audio #studio .studio-takes h4 { margin:0; font-size:13px; } #panel-audio #studio .studio-takes p { margin:0 0 4px; font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-take { display:grid; grid-template-columns:92px 1fr; gap:8px; align-items:center; }
#panel-audio #studio .studio-take-lane { position:relative; height:34px; border-radius:8px; background:var(--s-sunk); color:var(--muted); overflow:hidden; cursor:crosshair; touch-action:none; }
#panel-audio #studio .studio-take-lane svg { position:absolute; inset:0; width:100%; height:100%; }
#panel-audio #studio .studio-take-part { position:absolute; top:0; bottom:0; background:color-mix(in srgb,var(--accent) 40%,transparent); border:1px solid var(--accent); border-radius:6px; }
#panel-audio #studio .studio-legacy p { max-width:640px; }
#panel-audio #studio .studio-kit { display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:6px; width:100%; }
#panel-audio #studio .studio-kit select { width:100%; }
#panel-audio #studio .studio-kit .studio-field { width:100%; }
#panel-audio #studio .studio-kit-presets { display:flex; gap:6px; flex-wrap:wrap; }
#panel-audio #studio .studio-mixer { display:grid; grid-template-columns:1fr minmax(320px,420px); gap:10px; min-height:0; }
#panel-audio #studio .studio-strips { display:flex; gap:8px; padding:10px; overflow:auto; border:1px solid var(--s-line); border-radius:var(--r-lg,18px); background:var(--s-surface); }
#panel-audio #studio .studio-strip { flex:0 0 96px; display:flex; flex-direction:column; gap:8px; padding:8px 6px; border-radius:14px; border:1px solid var(--s-line); background:var(--s-soft); }
#panel-audio #studio .studio-strip.is-selected { border-color:var(--accent); }
#panel-audio #studio .studio-strip-name i { width:9px; height:9px; border-radius:3px; background:var(--c); flex-shrink:0; }
#panel-audio #studio .studio-fx-slots { display:flex; flex-direction:column; gap:3px; }
#panel-audio #studio .studio-fx-slot { height:22px; padding:0 6px; border-radius:6px; border:1px solid var(--s-line); background:var(--s-surface); font-size:10.5px; font-weight:600; text-align:left; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
#panel-audio #studio .studio-fx-slot.is-selected { border-color:var(--accent); color:var(--accent); }
#panel-audio #studio .studio-fx-slot.is-off { opacity:.5; text-decoration:line-through; }
#panel-audio #studio .studio-fx-slot.add { border-style:dashed; color:var(--muted); }
#panel-audio #studio .studio-sends { display:flex; justify-content:space-between; gap:4px; }
#panel-audio #studio .studio-knob { display:flex; flex-direction:column; align-items:center; gap:2px; font-size:9px; font-weight:700; color:var(--muted); letter-spacing:.04em; text-transform:uppercase; }
#panel-audio #studio .studio-knob input { width:40px; accent-color:var(--c,var(--accent)); }
#panel-audio #studio .studio-fader { display:flex; flex-direction:column; align-items:center; gap:4px; flex-grow:1; min-height:150px; }
#panel-audio #studio .studio-fader input { writing-mode:vertical-lr; direction:rtl; flex-grow:1; width:28px; min-height:130px; accent-color:var(--c,var(--accent)); }
#panel-audio #studio .studio-fader output { font-size:11px; font-variant-numeric:tabular-nums; color:var(--muted); }
#panel-audio #studio .studio-strip-ms { display:flex; justify-content:center; gap:4px; }
#panel-audio #studio .studio-mix-side { display:flex; flex-direction:column; gap:10px; min-height:0; overflow:auto; }
#panel-audio #studio .studio-mix-panel,#panel-audio #studio .studio-finish { display:flex; flex-direction:column; gap:10px; padding:12px; border:1px solid var(--s-line); border-radius:var(--r-lg,18px); background:var(--s-surface); }
#panel-audio #studio .studio-mix-panel-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
#panel-audio #studio .studio-mix-panel-head strong { display:flex; align-items:center; gap:6px; font-size:15px; }
#panel-audio #studio .studio-mix-panel-head span { font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px 4px; }
#panel-audio #studio .studio-quick .studio-knob input { width:100%; }
#panel-audio #studio .studio-fx-edit { display:flex; flex-direction:column; gap:8px; }
#panel-audio #studio .studio-fx-edit-head { display:flex; align-items:center; gap:6px; }
#panel-audio #studio .studio-fx-edit-head strong { flex-grow:1; }
#panel-audio #studio .studio-fx-edit-head .studio-icon { width:34px; height:34px; }
#panel-audio #studio .studio-fx-params { display:grid; grid-template-columns:1fr; gap:6px; }
#panel-audio #studio .studio-fx-params .studio-range { justify-content:space-between; }
#panel-audio #studio .studio-fx-params .studio-range input { flex-grow:1; }
#panel-audio #studio .studio-finish-presets { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#panel-audio #studio .studio-finish-presets .studio-chip { justify-content:center; }
#panel-audio #studio .studio-finish-eq { display:flex; flex-direction:column; gap:4px; }
#panel-audio #studio .studio-meters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px; }
#panel-audio #studio .studio-meters div { display:flex; flex-direction:column; padding:8px; border-radius:10px; background:var(--s-sunk); }
#panel-audio #studio .studio-meters span { font-size:10px; font-weight:700; color:var(--muted); text-transform:uppercase; letter-spacing:.04em; }
#panel-audio #studio .studio-meters strong { font-size:15px; font-variant-numeric:tabular-nums; }
.studio-dialog { width:min(480px,calc(100vw - 24px)); padding:20px; border:1px solid var(--line); border-radius:var(--r-xl,24px); background:var(--surface); color:var(--ink); }
.studio-dialog-actions { display:flex; justify-content:flex-end; gap:8px; margin-top:12px; }
@media (max-width:760px) {
  .studio { height:calc(100dvh - 150px); gap:8px; }
  #panel-audio #studio .studio-wide-only { display:none !important; }
  #panel-audio #studio .studio-transport { gap:6px; padding:6px; }
  #panel-audio #studio .studio-song { order:3; width:100%; overflow-x:auto; }
  #panel-audio #studio .studio-position strong { font-size:16px; min-width:80px; }
  #panel-audio #studio .studio-seg button span { display:none; }
  #panel-audio #studio .studio-grid { --head:116px; }
  #panel-audio #studio .studio-head { grid-template-columns:4px 1fr; padding-right:4px; }
  #panel-audio #studio .studio-head-buttons { grid-column:2; justify-content:flex-start; }
  #panel-audio #studio .studio-head-vol { display:none; }
  #panel-audio #studio .studio-head-main span { font-size:11px; }
  #panel-audio #studio .studio-head-main svg { display:none; }
  #panel-audio #studio .studio-body { grid-template-rows:minmax(160px,1fr) auto auto; }
  #panel-audio #studio .studio-editor { max-height:52vh; padding:8px; }
  #panel-audio #studio .studio-drum-row { grid-template-columns:110px 1fr; }
  #panel-audio #studio .studio-drum-name select { font-size:11px; }
  #panel-audio #studio .studio-drum-name .studio-row-more,#panel-audio #studio .studio-drum-name .studio-ms { display:none; }
  #panel-audio #studio .studio-mixer { grid-template-columns:1fr; }
  #panel-audio #studio .studio-strip { flex-basis:86px; }
  }
#panel-audio #studio .studio-knob { display:flex; flex-direction:column-reverse; align-items:stretch; gap:3px; min-width:0; flex:1 1 0; }
#panel-audio #studio .studio-knob input[type="range"] { width:100%; height:16px; margin:0; }
#panel-audio #studio .studio-knob span { text-align:center; }
#panel-audio #studio .studio-sends { gap:6px; }
#panel-audio #studio .studio-quick { gap:10px 8px; }
.studio-tuner { display:flex; flex-direction:column; align-items:center; gap:10px; padding:10px 0 16px; }
.studio-tuner-note { font-size:56px; font-weight:800; line-height:1; font-variant-numeric:tabular-nums; }
.studio-tuner-dial { position:relative; width:240px; height:120px; border-radius:240px 240px 0 0; border:2px solid var(--line); border-bottom:0; overflow:hidden; }
.studio-tuner-mark { position:absolute; left:50%; top:0; width:2px; height:18px; margin-left:-1px; background:var(--accent); }
.studio-tuner-needle { position:absolute; left:50%; bottom:0; width:3px; height:108px; margin-left:-1.5px; background:var(--ink); border-radius:3px; transform-origin:50% 100%; transition:transform .08s linear; }
.studio-tuner-needle[data-ok="true"] { background:#6FCF8E; }
.studio-tuner-cents { font-size:14px; color:var(--muted); font-variant-numeric:tabular-nums; }
@media (prefers-reduced-motion:reduce) { .studio-tuner-needle { transition:none; } }
#panel-audio #studio .studio-launch { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; }
#panel-audio #studio .studio-launch-col { display:flex; flex-direction:column; gap:6px; min-width:0; }
#panel-audio #studio .studio-launch-head { font-size:11px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); padding:0 2px; }
#panel-audio #studio .studio-launch-cell { display:flex; gap:4px; }
#panel-audio #studio .studio-launch-play { flex:1 1 auto; min-width:0; display:flex; align-items:center; gap:6px; height:44px; padding:0 10px; border-radius:12px; border:1px solid var(--s-line); background:var(--s-sunk); font-size:12px; font-weight:700; text-align:left; cursor:pointer; }
#panel-audio #studio .studio-launch-play span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-launch-cell.is-on .studio-launch-play { background:linear-gradient(180deg,#D06448,#A9442D); color:#fff; border-color:transparent; }
#panel-audio #studio .studio-launch-add { width:32px; height:44px; padding:0; border-radius:10px; border:1px solid var(--s-line); background:var(--s-soft); display:inline-flex; align-items:center; justify-content:center; cursor:pointer; }
#panel-audio #studio .studio-perform { display:flex; gap:10px; margin-top:12px; align-items:stretch; }
#panel-audio #studio .studio-xy { position:relative; flex:1 1 auto; height:84px; border-radius:14px; border:1px solid var(--s-line); background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,var(--s-sunk)),color-mix(in srgb,var(--accent) 30%,var(--s-sunk))); touch-action:none; cursor:crosshair; }
#panel-audio #studio .studio-xy span { position:absolute; left:10px; top:8px; font-size:12px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-xy i { position:absolute; width:18px; height:18px; margin:-9px 0 0 -9px; border-radius:50%; background:var(--ink); left:100%; top:100%; opacity:.9; }
#panel-audio #studio .studio-perform-pad { width:110px; border-radius:14px; border:1px solid var(--s-line); background:var(--s-sunk); font-weight:800; cursor:pointer; touch-action:none; }
#panel-audio #studio .studio-perform-pad.is-held { background:var(--accent); color:#1b1613; }
@media (max-width:1023px) { #panel-audio #studio .studio-launch { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:760px) { #panel-audio #studio .studio-launch { grid-template-columns:repeat(2,minmax(0,1fr)); } #panel-audio #studio .studio-launch-play { gap:4px; padding:0 8px; } #panel-audio #studio .studio-perform-pad { width:80px; } }
#panel-audio #studio .studio-tools-sep { width:1px; height:24px; background:var(--s-line); margin:0 4px; }
@media (max-width:760px) {
  #panel-audio #studio .studio-body { grid-template-rows:minmax(230px,1fr) auto auto; }
  #panel-audio #studio .studio-editor { max-height:40vh; }
  #panel-audio #studio .studio-zoom { gap:2px; padding:2px; }
  #panel-audio #studio .studio-zoom .studio-icon { width:30px; height:30px; }
  #panel-audio #studio .studio-zoom .studio-field { display:none; }
  #panel-audio #studio .studio-head-name { max-width:60px; }
}
#panel-audio #studio .studio-pitch { position:relative; border:1px solid var(--s-line); border-radius:12px; overflow:hidden; background:var(--s-sunk); touch-action:none; }
#panel-audio #studio .studio-pitch-row { position:absolute; left:0; right:0; padding-left:4px; font-size:9px; color:var(--muted); border-bottom:1px solid color-mix(in srgb,var(--ink) 6%,transparent); }
#panel-audio #studio .studio-pitch-row.out { background:color-mix(in srgb,var(--ink) 6%,transparent); }
#panel-audio #studio .studio-pitch-note { position:absolute; border-radius:6px; background:#E58FB0; border:1px solid #fff5; cursor:ns-resize; z-index:2; }
#panel-audio #studio .studio-pitch-note.is-moved { background:#F2B84B; }
#panel-audio #studio .studio-pitch-note:focus-visible { outline:2px solid var(--accent); outline-offset:1px; }
#panel-audio #studio .studio-pitch-ghost { position:absolute; border-radius:6px; border:1px dashed color-mix(in srgb,var(--ink) 40%,transparent); pointer-events:none; }
#panel-audio #studio .studio-shape { display:flex; flex-wrap:wrap; align-items:center; gap:8px 16px; width:100%; padding-top:8px; border-top:1px solid var(--s-line); }
#panel-audio #studio .studio-shape h4 { width:100%; margin:0; font-size:13px; }
#panel-audio #studio .studio-grid .studio-playhead:is(.studio-empty, :has(~ .studio-empty), .studio-empty ~ *) { display:none; }
#panel-audio #studio :is(button,summary,select,input,[tabindex]):focus-visible,.studio-dialog :is(button,select,input):focus-visible,.studio-pop :is(button,select,input):focus-visible { outline:2px solid var(--accent); outline-offset:2px; }
#panel-audio #studio .studio-head-buttons { display:grid; grid-template-columns:repeat(3,26px); gap:3px; }
#panel-audio #studio .studio-ms-gap { width:26px; }
#panel-audio #studio .studio-head-vol { max-width:none; }
#panel-audio #studio .studio-note { background:color-mix(in srgb,var(--c,#5FB8A5) calc(45% + var(--v) * 55%),#1b1613); border-color:color-mix(in srgb,var(--c,#5FB8A5) 60%,#000); }
#panel-audio #studio .studio-note.is-selected { background:#fff; border-color:var(--c,#F2B84B); box-shadow:0 0 0 1px var(--c,#F2B84B); }
@media (pointer:coarse) {
  #panel-audio #studio :is(.studio-ms,.studio-auto-toggle,.studio-slot,.studio-handle,.studio-icon) { position:relative; }
    #panel-audio #studio .studio-step { min-height:40px; }
  #panel-audio #studio .studio-handle.start,#panel-audio #studio .studio-handle.end { width:14px; }
}
@media (max-width:760px) { #panel-audio #studio .studio-editor { scroll-padding-bottom:140px; } #panel-audio.studio-on { padding-bottom:150px; } }
#panel-audio #studio .studio-strip { display:grid; grid-template-rows:24px 96px 72px 64px minmax(140px,1fr) 28px; gap:8px; }
#panel-audio #studio .studio-fx-slots { overflow-y:auto; overscroll-behavior:contain; align-content:start; }
#panel-audio #studio .studio-fader { min-height:0; }
@media (max-width:760px) {
    #panel-audio #studio .studio-head-buttons { grid-column:2; grid-row:2; }
  #panel-audio #studio .studio-auto-toggle { grid-column:2; grid-row:1; justify-self:end; z-index:1; }
}
#panel-audio #studio .studio-mixer.is-simple .studio-strip { grid-template-rows:24px 26px 64px minmax(140px,1fr) 28px; }
#panel-audio #studio .studio-mixer.is-simple .studio-sends { display:none; }
#panel-audio #studio .studio-transport > .studio-zoom { order:1; }
#panel-audio #studio .studio-transport > .studio-more { order:2; margin-left:auto; }
.studio-floating-menu { min-width:260px; gap:2px; padding:6px; z-index:calc(var(--z-popover,30) + 5); }
.studio-floating-menu button { display:grid; grid-template-columns:22px 1fr; grid-template-rows:auto auto; column-gap:10px; align-items:center; height:auto; min-height:44px; padding:6px 10px; border:0; border-radius:10px; text-align:left; font-weight:600; }
.studio-floating-menu button svg { grid-row:1 / 3; width:18px; height:18px; color:var(--accent); }
.studio-floating-menu button small { grid-column:2; font-size:11.5px; font-weight:500; color:var(--muted); }
.studio-floating-menu button:hover,.studio-floating-menu button:focus-visible { background:color-mix(in srgb,var(--ink) 7%,transparent); outline:none; }
.studio-floating-menu hr { border:0; border-top:1px solid var(--line); margin:4px 6px; }
#panel-audio #studio .studio-roll { display:block; height:clamp(220px,34vh,440px); }
#panel-audio #studio .studio-roll.is-max { height:auto; }
#panel-audio #studio .studio-roll-scroll { height:100%; overflow:auto; overscroll-behavior:contain; }
#panel-audio #studio .studio-roll.is-max .studio-roll-scroll { max-height:none; }
#panel-audio #studio .studio-roll-canvas { display:grid; grid-auto-rows:auto; width:max-content; }
#panel-audio #studio .studio-roll-keys { position:sticky; left:0; z-index:3; overflow:visible; background:var(--s-sunk); box-shadow:1px 0 0 var(--s-line); }
#panel-audio #studio .studio-roll.is-dense .studio-key { font-size:7px; line-height:1; }
#panel-audio #studio .studio-vel-corner { position:sticky; left:0; bottom:0; z-index:4; height:56px; display:flex; align-items:center; justify-content:center; font-size:9px; font-weight:700; color:var(--muted); background:var(--s-surface); border-top:1px solid var(--s-line); box-shadow:1px 0 0 var(--s-line); }
#panel-audio #studio .studio-vel { z-index:2; }
#panel-audio #studio .studio-vel-bar { background:var(--c,#5FB8A5); }
#panel-audio #studio .studio-body.is-editor-max { grid-template-rows:minmax(0,1fr); }
#panel-audio #studio .studio-body.is-editor-max .studio-arrange,#panel-audio #studio .studio-body.is-editor-max .studio-split { display:none; }
#panel-audio #studio .studio-body.is-editor-max .studio-editor { height:auto !important; max-height:none !important; min-height:0; }
#panel-audio #studio .studio-editor { padding:0 14px 14px; scroll-padding-top:64px; }
#panel-audio #studio .studio-editor-head { position:sticky; top:0; z-index:6; margin:0 -14px 12px; padding:10px 14px; background:color-mix(in srgb,var(--s-surface) 94%,transparent); backdrop-filter:blur(10px); border-bottom:1px solid var(--s-line); }
#panel-audio #studio .studio-editor-title { flex:1 1 auto; min-width:0; }
#panel-audio #studio .studio-editor-title > svg,#panel-audio #studio .studio-editor-title > i { flex-shrink:0; width:28px; height:28px; padding:5px; border-radius:8px; background:color-mix(in srgb,var(--c,var(--accent)) 18%,transparent); color:var(--c,var(--accent)); }
#panel-audio #studio .studio-editor-title strong { font-size:15px; white-space:nowrap; }
#panel-audio #studio .studio-editor-title > span { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-editor-tools { flex:1 1 100%; order:3; gap:8px; }
#panel-audio #studio .studio-editor-tools .studio-field > span:first-child { font-size:12px; font-weight:600; color:var(--muted); }
#panel-audio #studio .studio-clip-panel,#panel-audio #studio .studio-track-panel { display:grid; grid-template-columns:repeat(auto-fill,minmax(230px,1fr)); gap:12px 20px; align-items:center; }
#panel-audio #studio .studio-clip-panel .studio-range,#panel-audio #studio .studio-track-panel .studio-range { display:grid; grid-template-columns:78px 1fr 58px; gap:8px; }
#panel-audio #studio .studio-clip-panel .studio-range input,#panel-audio #studio .studio-track-panel .studio-range input { width:100%; }
#panel-audio #studio .studio-clip-panel .studio-range output,#panel-audio #studio .studio-track-panel .studio-range output { text-align:right; font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-editor-hint { font-size:12px; line-height:1.45; }
#panel-audio #studio .studio-sampler-view { display:flex; flex-direction:column; gap:6px; }
#panel-audio #studio .studio-sampler-legend { margin:0; font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-sampler-group { display:flex; flex-direction:column; gap:8px; padding:12px; border-radius:12px; border:1px solid var(--s-line); background:var(--s-soft); min-width:0; }
#panel-audio #studio .studio-sampler-group h4 { margin:0 0 2px; font-size:12px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-sampler-group .studio-range { display:grid; grid-template-columns:78px 1fr 62px; align-items:center; gap:8px; }
#panel-audio #studio .studio-sampler-group .studio-range input { width:100%; }
#panel-audio #studio .studio-sampler-group .studio-range output { text-align:right; font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-sampler-group .studio-field:not(.studio-range) { justify-content:space-between; }
#panel-audio #studio .studio-body.is-editor-max .studio-editor:has(.studio-roll.is-max) { display:flex; flex-direction:column; overflow:hidden; }
#panel-audio #studio .studio-roll.is-max { flex:1 1 auto; min-height:0; height:auto; }
#panel-audio #studio .studio-roll.is-dense .studio-key.c { font-size:8px; line-height:var(--rh); }
#panel-audio #studio .studio-transport > .studio-expand { order:3; }
#panel-audio #studio .studio-expand span:not(.studio-sr) { display:none; }
.aether-ui.sound-expanded #panel-audio #studio.studio { flex:1 1 auto; height:auto; min-height:0; padding:10px 12px; }
#panel-audio #studio .studio-chip.is-recording { border-color:#e5484d; color:#e5484d; }
#panel-audio #studio .studio-pad-name { display:flex; align-items:center; gap:8px; min-width:0; }
#panel-audio #studio .studio-pad-label { display:flex; align-items:baseline; gap:6px; min-width:0; font-size:13px; font-weight:600; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-pad-label b { font-size:11px; color:var(--muted); min-width:16px; }
#panel-audio #studio .studio-pad-label i { color:var(--muted); font-style:normal; font-weight:500; }
@media (pointer:coarse) {
  #panel-audio #studio .studio-pad-play { width:44px; height:44px; }
  #panel-audio #studio .studio-step { min-height:44px; }
  #panel-audio #studio .studio-launch-add { width:44px; }
  #panel-audio #studio .studio-split { height:24px; margin:0 30%; }
  #panel-audio #studio .studio-split::after { top:10px; }
}
@media (max-width:760px) {
  #panel-audio #studio .studio-empty { margin:12px; padding:18px; max-width:min(560px,calc(100vw - 92px)); }
  #panel-audio #studio .studio-empty h3 { font-size:18px; }
  #panel-audio #studio .studio-editor:has(.studio-editor-tools) { min-height:min(62vh,520px); max-height:none; }
  #panel-audio #studio .studio-editor-head { position:static; backdrop-filter:none; }
}
#panel-audio #studio .studio-tone { margin-top:16px; padding-top:14px; border-top:1px solid var(--s-line); }
#panel-audio #studio .studio-tone h4 { display:flex; align-items:center; gap:6px; margin:0 0 8px; font-size:13px; font-weight:700; }
#panel-audio #studio .studio-tone h4 svg { width:16px; height:16px; }
#panel-audio #studio .studio-tone-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(270px,1fr)); gap:8px 16px; margin-bottom:12px; }
#panel-audio #studio .studio-roll-box { position:absolute; z-index:4; border:1px solid var(--accent); background:color-mix(in srgb,var(--accent) 14%,transparent); border-radius:3px; pointer-events:none; }
#panel-audio #studio .studio-track-panel > .studio-tone { grid-column:1 / -1; }
#panel-audio #studio .studio-tone-grid .studio-field:not(.studio-range) { display:grid; grid-template-columns:78px 1fr; gap:8px; align-items:center; }
#panel-audio #studio .studio-sampler { display:grid; grid-template-columns:minmax(260px,340px) minmax(0,1fr); gap:20px; align-items:start; }
#panel-audio #studio .studio-sampler-left { display:flex; flex-direction:column; gap:8px; min-width:0; }
#panel-audio #studio .studio-sampler-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; max-width:none; }
#panel-audio #studio .studio-sampler-pad { position:relative; display:block; aspect-ratio:5 / 4; min-height:56px; max-height:none; padding:0; overflow:hidden; border-radius:14px; text-align:left; cursor:pointer;
  border:1px solid var(--s-line); background:color-mix(in srgb,var(--pc) 7%,var(--s-sunk)); color:var(--ink); touch-action:none; user-select:none; -webkit-user-select:none; -webkit-touch-callout:none;
  box-shadow:inset 0 -3px 0 color-mix(in srgb,#000 22%,transparent); transition:transform .06s ease, background-color .15s ease; }
#panel-audio #studio .studio-sampler-pad.has-sound { background:color-mix(in srgb,var(--pc) 24%,var(--s-sunk)); border-color:color-mix(in srgb,var(--pc) 42%,var(--s-line)); }
#panel-audio #studio .studio-sampler-pad:hover { background:color-mix(in srgb,var(--pc) 32%,var(--s-sunk)); }
#panel-audio #studio .studio-sampler-pad:not(.has-sound):hover { background:color-mix(in srgb,var(--pc) 12%,var(--s-sunk)); }
#panel-audio #studio .studio-sampler-pad:active { transform:scale(.96); }
#panel-audio #studio .studio-sampler-pad.is-chosen { outline:2px solid var(--accent); outline-offset:2px; border-color:var(--accent); }
#panel-audio #studio .studio-sampler-pad:focus-visible { outline:3px solid var(--accent); outline-offset:2px; }
#panel-audio #studio .studio-sampler-pad.is-drop { outline:2px dashed var(--accent); outline-offset:2px; background:color-mix(in srgb,var(--accent) 22%,var(--s-sunk)); }
#panel-audio #studio .studio-pad-num { position:absolute; top:7px; left:9px; font:800 12px/1 system-ui; color:var(--muted); }
#panel-audio #studio .studio-sampler-pad.has-sound .studio-pad-num { color:var(--ink); }
#panel-audio #studio .studio-sampler-pad kbd { position:absolute; top:7px; right:8px; min-width:16px; padding:2px 4px; border-radius:5px; font:700 10px/1 system-ui; text-align:center; color:var(--muted); background:color-mix(in srgb,var(--ink) 8%,transparent); opacity:1; }
#panel-audio #studio .studio-sampler-pad small { position:absolute; left:9px; right:8px; bottom:8px; font-size:11px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-pad-wave { position:absolute; left:8px; right:8px; top:32%; width:calc(100% - 16px); height:30%; color:var(--pc); opacity:.9; pointer-events:none; }
#panel-audio #studio .studio-sampler-pad::after { content:""; position:absolute; inset:0; background:var(--pc); opacity:0; pointer-events:none; }
#panel-audio #studio .studio-sampler-pad.is-hit::after { animation:studio-pad-hit .32s ease-out; }
@keyframes studio-pad-hit { from { opacity:calc(.2 + var(--hit,1) * .55); } to { opacity:0; } }
@media (prefers-reduced-motion:reduce) { #panel-audio #studio .studio-sampler-pad.is-hit::after { animation-duration:.12s; } #panel-audio #studio .studio-sampler-pad:active { transform:none; } }
#panel-audio #studio .studio-sampler-tip { margin:2px 0 0; font-size:12px; line-height:1.45; color:var(--muted); }
#panel-audio #studio .studio-sampler-settings { display:flex; flex-direction:column; gap:12px; min-width:0; }
#panel-audio #studio .studio-sampler-start h4 { margin:0 0 4px; font-size:16px; }
#panel-audio #studio .studio-sampler-start > p { margin:0 0 12px; color:var(--muted); }
#panel-audio #studio .studio-sampler-kits { display:grid; grid-template-columns:repeat(auto-fill,minmax(170px,1fr)); gap:8px; margin-bottom:10px; }
#panel-audio #studio .studio-sampler-kit { display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-height:60px; padding:10px 12px; border-radius:12px; border:1px solid var(--s-line); background:var(--s-soft); color:var(--ink); text-align:left; cursor:pointer; }
#panel-audio #studio .studio-sampler-kit:hover { border-color:var(--accent); background:color-mix(in srgb,var(--accent) 12%,var(--s-soft)); }
#panel-audio #studio .studio-sampler-kit strong { font-size:14px; }
#panel-audio #studio .studio-sampler-kit span { font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-sampler-load { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
#panel-audio #studio .studio-sampler-padhead { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; justify-content:space-between; }
#panel-audio #studio .studio-sampler-name { display:flex; align-items:center; gap:8px; flex:1 1 220px; min-width:0; }
#panel-audio #studio .studio-sampler.is-keys { grid-template-columns:minmax(0,1fr); }
#panel-audio #studio .studio-sampler-keyhead { justify-content:flex-start; }
#panel-audio #studio .studio-sampler-root { display:grid; grid-template-columns:auto minmax(96px,1fr) 40px; align-items:center; gap:8px; flex:1 1 260px; max-width:420px; min-width:0; }
#panel-audio #studio .studio-sampler-root span { font-weight:800; white-space:nowrap; }
#panel-audio #studio .studio-sampler-root output { font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-sampler-keyhead .studio-editor-hint { flex:1 1 100%; margin:0; }
#panel-audio #studio .studio-chip.studio-chip-main { border-color:var(--accent); color:var(--accent); }
#panel-audio #studio .studio-key.is-root { box-shadow:inset 0 0 0 2px var(--accent); font-weight:800; }
#panel-audio #studio .studio-sampler-name span { font-weight:800; white-space:nowrap; }
#panel-audio #studio .studio-sampler-name input { flex:1; min-width:0; height:40px; padding:0 12px; border-radius:10px; border:1px solid var(--s-line); background:var(--s-sunk); color:var(--ink); font:600 14px system-ui; }
#panel-audio #studio .studio-sampler-padacts { display:flex; flex-wrap:wrap; gap:6px; }
#panel-audio #studio .studio-sampler-wave { display:block; width:100%; height:132px; border-radius:12px; background:var(--s-sunk); border:1px solid var(--s-line); color:var(--ink); cursor:ew-resize; touch-action:none; }
#panel-audio #studio .studio-sampler-row { display:flex; flex-wrap:wrap; gap:8px 14px; align-items:center; justify-content:space-between; }
#panel-audio #studio .studio-sampler-slice > span { align-self:center; padding:0 6px 0 10px; font-size:12px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-sampler-slice button { display:inline-flex; align-items:center; gap:5px; }
#panel-audio #studio .studio-sampler-tabs [aria-selected="true"] { background:var(--accent); color:var(--on-accent,#1b1613); }
#panel-audio #studio .studio-sampler-groups { display:block; }
#panel-audio #studio .studio-sampler-group[hidden] { display:none; }
#panel-audio #studio .studio-sampler-group { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:10px 18px; align-items:center; }
#panel-audio #studio .studio-sampler-replace { border-top:1px solid var(--s-line); padding-top:10px; }
#panel-audio #studio .studio-sampler-replace summary { cursor:pointer; min-height:36px; display:flex; align-items:center; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-sampler-replace[open] summary { margin-bottom:8px; }
#panel-audio #studio .studio-editor:has(.studio-sampler) { max-height:min(72vh,760px); }
@media (max-width:760px) {
  #panel-audio #studio .studio-sampler { grid-template-columns:1fr; }
  #panel-audio #studio .studio-sampler-grid { gap:6px; }
  #panel-audio #studio .studio-sampler-pad { min-height:0; border-radius:12px; }
  #panel-audio #studio .studio-sampler-pad kbd, #panel-audio #studio .studio-sampler-tip { display:none; }
  #panel-audio #studio .studio-editor:has(.studio-sampler) { max-height:none; }
}
#panel-audio #studio input[type="range"]:hover:not(:disabled)::-webkit-slider-thumb { transform:scale(1.1); }
#panel-audio #studio input[type="range"]:hover:not(:disabled)::-moz-range-thumb { transform:scale(1.1); }
#panel-audio #studio input[type="range"]:focus-visible { outline:none; }
#panel-audio #studio input[type="range"]:focus-visible::-webkit-slider-thumb { box-shadow:0 0 0 3px var(--s-surface,#222),0 0 0 5px var(--accent),0 1px 3px rgba(0,0,0,.45); }
#panel-audio #studio input[type="range"]:focus-visible::-moz-range-thumb { box-shadow:0 0 0 3px var(--s-surface,#222),0 0 0 5px var(--accent),0 1px 3px rgba(0,0,0,.45); }
#panel-audio #studio .studio-fader input[type="range"]:hover:not(:disabled)::-webkit-slider-thumb { transform:scale(1.04); }
#panel-audio #studio .studio-knob { align-items:center; }
#panel-audio #studio .studio-dial { position:relative; display:block; width:42px; height:42px; margin:0 auto; cursor:ns-resize; touch-action:none; user-select:none; -webkit-user-select:none; --rail:color-mix(in srgb,var(--ink) 15%,transparent); }
#panel-audio #studio .studio-quick .studio-dial { width:48px; height:48px; }
#panel-audio #studio .studio-dial svg { display:block; width:100%; height:100%; overflow:visible; }
#panel-audio #studio .studio-dial-track { fill:none; stroke:var(--rail); stroke-width:3.2; stroke-linecap:round; }
#panel-audio #studio .studio-dial-value { fill:none; stroke:var(--c,var(--accent)); stroke-width:3.2; stroke-linecap:round; transition:stroke-width .12s ease; }
#panel-audio #studio .studio-dial-knob { transform-origin:20px 20px; transform-box:view-box; transition:transform .06s linear; }
#panel-audio #studio .studio-dial-knob circle { fill:color-mix(in srgb,var(--ink) 12%,var(--s-surface,#2a2522)); stroke:color-mix(in srgb,#000 35%,transparent); stroke-width:.6;
  filter:drop-shadow(0 1.5px 1.5px rgba(0,0,0,.45)); transition:fill .12s ease; }
#panel-audio #studio .studio-dial-knob line { stroke:var(--ink); stroke-width:2.2; stroke-linecap:round; }
#panel-audio #studio .studio-dial:hover .studio-dial-knob circle { fill:color-mix(in srgb,var(--ink) 18%,var(--s-surface,#2a2522)); }
#panel-audio #studio .studio-dial.is-turning .studio-dial-value { stroke-width:4.2; }
#panel-audio #studio .studio-dial.is-turning .studio-dial-knob { transition:none; }
#panel-audio #studio .studio-dial:has(input:focus-visible) { outline:2px solid var(--accent); outline-offset:2px; border-radius:50%; }
#panel-audio #studio .studio-dial-tip { position:absolute; left:50%; bottom:calc(100% + 4px); transform:translate(-50%,4px); padding:3px 7px; border-radius:7px; background:var(--ink); color:var(--s-surface,#1b1613);
  font:700 11px/1.2 system-ui; font-variant-numeric:tabular-nums; white-space:nowrap; opacity:0; pointer-events:none; transition:opacity .12s ease, transform .12s ease; z-index:5; }
#panel-audio #studio .studio-dial.is-turning .studio-dial-tip,#panel-audio #studio .studio-dial .studio-dial-tip:is(input:focus-visible, :has(~ input:focus-visible), input:focus-visible ~ *) { opacity:1; transform:translate(-50%,0); }
html.studio-turning, html.studio-turning * { cursor:ns-resize !important; }
#panel-audio #studio .studio-quick { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px 8px; }
#panel-audio #studio .studio-quick .studio-knob, #panel-audio #studio .studio-sends .studio-knob, #panel-audio #studio .studio-strip > .studio-knob { flex-direction:column; gap:4px; }
#panel-audio #studio .studio-knob > span:not(.studio-dial) { font-size:11px; font-weight:600; color:var(--muted); text-align:center; }
#panel-audio #studio .select-menu-trigger.is-open { box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent); }
@media (prefers-reduced-motion:reduce) {
    }
#panel-audio #studio .studio-step { touch-action:pan-y; }
#panel-audio #studio .studio-step.is-painted { transition:background-color .08s ease; }
#panel-audio #studio #studio-tempo:not(:focus) { cursor:ns-resize; caret-color:transparent; }
#panel-audio #studio #studio-tempo.is-scrubbing { border-color:var(--accent); box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 22%,transparent); }
#panel-audio #studio #studio-tempo { touch-action:none; }
#panel-audio #studio .studio-clip-view { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
#panel-audio #studio .studio-clip-wave { display:block; width:100%; height:120px; border-radius:12px; background:var(--s-sunk); border:1px solid var(--s-line); color:var(--ink); touch-action:none; cursor:ew-resize; }
#panel-audio #studio .studio-clip-wave.is-dragging { border-color:var(--accent); }
#panel-audio #studio .studio-drag-guide { position:absolute; top:0; bottom:0; left:0; width:0; border-left:1.5px dashed var(--accent); pointer-events:none; z-index:7; }
#panel-audio #studio .studio-drag-guide span { position:absolute; top:4px; left:6px; padding:2px 7px; border-radius:7px; background:var(--accent); color:var(--on-accent,#1b1613); font:700 11px/1.3 system-ui; font-variant-numeric:tabular-nums; white-space:nowrap; box-shadow:0 2px 6px rgba(0,0,0,.35); }
#panel-audio #studio .studio-tone-view { display:flex; flex-direction:column; gap:6px; margin-bottom:12px; }
#panel-audio #studio .studio-tone-graph { display:block; width:100%; height:150px; border-radius:12px; background:var(--s-sunk); border:1px solid var(--s-line); color:var(--ink); touch-action:none; cursor:grab; }
#panel-audio #studio .studio-tone-graph.is-space { height:120px; }
#panel-audio #studio .studio-tone-graph:active { cursor:grabbing; }
#panel-audio #studio .studio-track-panel { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:12px; align-items:start; }
#panel-audio #studio .studio-card { display:flex; flex-direction:column; gap:10px; padding:12px 14px; border-radius:14px; border:1px solid var(--s-line); background:var(--s-soft); min-width:0; }
#panel-audio #studio .studio-card.is-wide { grid-column:1 / -1; }
#panel-audio #studio .studio-card > h4 { display:flex; align-items:center; gap:6px; margin:0; font-size:13px; font-weight:700; }
#panel-audio #studio .studio-card > h4 svg { width:16px; height:16px; }
#panel-audio #studio .studio-card > h4 small { font-weight:600; color:var(--muted); font-size:12px; }
#panel-audio #studio .studio-card .studio-editor-hint { margin:0; }
#panel-audio #studio .studio-card-row { display:flex; flex-wrap:wrap; gap:8px 12px; align-items:center; }
#panel-audio #studio .studio-sound-pick { display:flex; align-items:center; gap:6px; flex-wrap:wrap; }
#panel-audio #studio .studio-sound-pick .studio-field { flex:1 1 180px; min-width:0; }
#panel-audio #studio .studio-sound-pick .select-menu-trigger { width:100%; }
#panel-audio #studio .studio-voices { align-self:flex-start; }
#panel-audio #studio .studio-voices [aria-pressed="true"] { background:var(--accent); color:var(--on-accent,#1b1613); }
#panel-audio #studio .studio-card .studio-range { display:grid; grid-template-columns:78px 1fr 52px; gap:8px; align-items:center; }
#panel-audio #studio .studio-card .studio-range input { width:100%; }
#panel-audio #studio .studio-card .studio-range output { text-align:right; font-size:12px; color:var(--muted); font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-kit { display:grid; grid-template-columns:repeat(auto-fill,minmax(250px,1fr)); gap:6px 16px; }
#panel-audio #studio .studio-kit-row { display:flex; align-items:center; gap:6px; min-width:0; }
#panel-audio #studio .studio-kit-row .studio-field { flex:1; min-width:0; }
#panel-audio #studio .studio-kit-row .select-menu-trigger { width:100%; }
#panel-audio #studio .studio-kit-num { width:18px; text-align:right; font-size:12px; font-weight:800; color:var(--muted); }
#panel-audio #studio .studio-kit-presets { display:flex; flex-wrap:wrap; gap:6px; }
#panel-audio #studio .studio-track-panel > .studio-tone { grid-column:1 / -1; margin-top:0; padding:12px 14px; border:1px solid var(--s-line); border-top:1px solid var(--s-line); border-radius:14px; background:var(--s-soft); }
#panel-audio #studio .studio-sampler-track { margin-top:16px; }
#panel-audio #studio .studio-shape { margin:0; }
#panel-audio #studio .studio-sr { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
#panel-audio #studio .studio-card { text-align:left; align-items:stretch; }
#panel-audio #studio .studio-card > h4 { justify-content:flex-start; }
#panel-audio #studio .studio-card .studio-kit-presets, #panel-audio #studio .studio-card .studio-sound-pick, #panel-audio #studio .studio-card .studio-card-row { justify-content:flex-start; }
#panel-audio #studio .studio-step.is-now { box-shadow:inset 0 0 0 2px var(--ink); }
#panel-audio #studio .studio-step.is-now[aria-pressed="true"] { filter:brightness(1.25); }
#panel-audio #studio .studio-roll-now { position:absolute; top:0; bottom:0; left:0; width:2px; background:var(--ink); opacity:.8; pointer-events:none; z-index:3; }
#panel-audio #studio .studio-roll-extra { display:contents; }
@media (max-width:760px) {
    #panel-audio #studio .studio-roll-more-btn[aria-expanded="true"] { border-color:var(--accent); color:var(--accent); }
  #panel-audio #studio .studio-roll-extra { display:none; }
  #panel-audio #studio .studio-roll-extra.is-open { display:flex; flex-wrap:wrap; gap:8px; width:100%; padding-top:4px; }
  #panel-audio #studio .studio-octave button span { display:none; }
}
#panel-audio #studio .studio-strip > .studio-sends { display:grid; grid-template-columns:1fr 1fr; gap:4px; align-items:start; min-height:66px; margin-bottom:6px; }
#panel-audio #studio .studio-strip > .studio-sends .studio-dial { width:34px; height:34px; }
#panel-audio #studio .studio-strip > .studio-sends .studio-knob > span:not(.studio-dial) { font-size:10px; line-height:1.2; }
#panel-audio #studio .studio-strip > .studio-knob { min-height:64px; }
#panel-audio #studio .studio-fx-params .studio-range { display:grid; grid-template-columns:84px minmax(0,1fr) 64px; gap:10px; align-items:center; }
#panel-audio #studio .studio-fx-params .studio-range input { width:100%; }
#panel-audio #studio .studio-fx-params .studio-range output { text-align:right; font-variant-numeric:tabular-nums; color:var(--muted); font-size:12px; }
#panel-audio #studio .studio-fx-params .studio-field:not(.studio-range) { display:grid; grid-template-columns:84px auto; gap:10px; align-items:center; justify-content:start; }
#panel-audio #studio .studio-fx-graph { display:block; width:100%; height:120px; border-radius:12px; background:var(--s-sunk); border:1px solid var(--s-line); color:var(--ink); }
#panel-audio #studio .studio-fx-graph[data-fx-graph="compressor"] { height:150px; }
#panel-audio #studio .studio-pitch-line { position:absolute; inset:0; width:100%; height:100%; pointer-events:none; z-index:1; }
#panel-audio #studio .studio-pitch-line path { fill:none; stroke:var(--ink); stroke-width:1.6; opacity:.55; stroke-linejoin:round; stroke-linecap:round; }
#panel-audio #studio .studio-pitch-note { z-index:2; }
#panel-audio #studio .studio-auto-lane { position:relative; }
#panel-audio #studio .studio-auto-tip { position:absolute; transform:translate(10px,-50%); padding:2px 7px; border-radius:7px; background:var(--ink); color:var(--s-surface,#1b1613); font:700 11px/1.4 system-ui; font-variant-numeric:tabular-nums; white-space:nowrap; pointer-events:none; z-index:6; box-shadow:0 2px 6px rgba(0,0,0,.35); }
#panel-audio #studio .studio-auto-scale { display:flex; flex-direction:column; justify-content:space-between; align-self:stretch; margin-left:auto; font-size:9.5px; line-height:1.1; color:var(--muted); text-align:right; font-variant-numeric:tabular-nums; }
#panel-audio #studio .studio-auto-scale b { font-weight:600; }
#panel-audio #studio .studio-auto-scale { white-space:nowrap; min-width:22px; }
@media (max-width:760px) {
  #panel-audio #studio.studio { height:auto; min-height:clamp(480px,calc(100dvh - 190px),1400px); }
  #panel-audio #studio .studio-body { grid-template-rows:minmax(max(230px,36dvh),auto) auto auto; }
  #panel-audio #studio .studio-body[data-view="mixer"] { grid-template-rows:auto; }
  #panel-audio #studio .studio-body.is-editor-max { grid-template-rows:auto; }
  #panel-audio #studio .studio-grid { --head:var(--head-touch,124px) !important; }
  #panel-audio #studio .studio-head-buttons { grid-template-columns:repeat(3,36px); gap:4px; }
  #panel-audio #studio .studio-ms-gap { width:36px; }
        #panel-audio #studio .studio-add-btn::after { content:""; position:absolute; inset:-4px; }
  #panel-audio #studio .studio-zoom .studio-icon { width:40px; height:40px; }
  #panel-audio #studio .studio-seg button { min-height:40px; }
}
@media (max-width:380px) { #panel-audio #studio .studio-transport > .studio-zoom { order:4; } }
#panel-audio #studio .studio-step-cell { display:contents; }
#panel-audio #studio .studio-step:focus-visible { z-index:1; box-shadow:inset 0 0 0 2px var(--s-surface); }
#panel-audio #studio .studio-roll-grid:focus-visible { outline:2px solid var(--accent); outline-offset:-2px; }
#panel-audio #studio .studio-roll-cursor { position:absolute; z-index:5; display:none; box-sizing:border-box; border:2px solid var(--ink); border-radius:3px; background:color-mix(in srgb,var(--accent) 28%,transparent); box-shadow:0 0 0 1px var(--s-surface); pointer-events:none; }
#panel-audio #studio .studio-roll-grid:focus .studio-roll-cursor { display:block; }
#panel-audio #studio .studio-clip:focus-visible { z-index:3; outline:3px solid var(--accent); outline-offset:1px; }
}
@layer ui {
#panel-audio #studio :is(button,summary,select,input) { min-width:0; min-height:0; }
#panel-audio #studio.studio button { font:inherit; color:inherit; }
#panel-audio #studio .studio-icon,#panel-audio #studio .studio-play { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; padding:0; border-radius:999px; border:1px solid var(--s-line); background:var(--s-soft); cursor:pointer; }
#panel-audio #studio .studio-icon:hover { border-color:var(--accent-line,var(--accent)); }
#panel-audio #studio .studio-icon[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); background:color-mix(in srgb,var(--accent) 14%,var(--s-surface)); }
#panel-audio #studio .studio-icon:disabled { opacity:.45; cursor:default; }
#panel-audio #studio .studio-play { width:48px; height:44px; border:0; background:linear-gradient(180deg,#D06448,#A9442D); color:#fff; box-shadow:0 6px 18px rgba(169,68,45,.4); }
#panel-audio #studio .studio-rec[aria-pressed="true"] { background:#e5484d; color:#fff; border-color:#e5484d; animation:studio-rec 1.2s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) {
#panel-audio #studio .studio-rec[aria-pressed="true"],#panel-audio #studio .studio-play.is-loading svg { animation:none; }
}
#panel-audio #studio .studio-field { display:inline-flex; align-items:center; gap:6px; font-size:12px; font-weight:600; color:var(--muted); }
#panel-audio #studio .studio-field select,#panel-audio #studio .studio-field input[type="number"],#panel-audio #studio .studio-field input[type="text"] { height:34px; padding:0 8px; border-radius:10px; border:1px solid var(--s-line); background:var(--s-sunk); color:var(--ink); font-size:13px; font-weight:600; }
#panel-audio #studio .studio-range input[type="range"] { width:110px; accent-color:var(--accent); }
#panel-audio #studio .studio-chip { display:inline-flex; align-items:center; gap:6px; height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--s-line); background:var(--s-soft); font-size:13px; font-weight:600; cursor:pointer; white-space:nowrap; }
#panel-audio #studio .studio-chip[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); background:color-mix(in srgb,var(--accent) 14%,var(--s-surface)); }
#panel-audio #studio .studio-seg button { display:inline-flex; align-items:center; gap:6px; height:34px; min-width:34px; padding:0 12px; border:0; border-radius:999px; background:transparent; color:var(--muted); font-size:13px; font-weight:600; cursor:pointer; justify-content:center; }
#panel-audio #studio .studio-seg button[aria-pressed="true"] { background:var(--s-surface); color:var(--ink); box-shadow:0 1px 4px rgba(0,0,0,.18); }
#panel-audio #studio .studio-menu button { display:flex; align-items:center; gap:10px; height:38px; padding:0 10px; border:0; border-radius:10px; background:transparent; text-align:left; font-size:13px; font-weight:600; cursor:pointer; }
#panel-audio #studio .studio-menu button:hover,#panel-audio #studio .studio-menu button:focus-visible { background:var(--s-soft); }
#panel-audio #studio .studio-head-main { display:flex; align-items:center; gap:7px; min-width:0; height:30px; padding:0 4px; border:0; background:none; text-align:left; cursor:pointer; }
#panel-audio #studio .studio-ms { width:26px; height:24px; padding:0; border-radius:7px; border:1px solid var(--s-line); background:var(--s-sunk); font-size:10px; font-weight:800; cursor:pointer; }
#panel-audio #studio .studio-ms[data-mute][aria-pressed="true"],#panel-audio #studio .studio-ms[data-bus-mute][aria-pressed="true"],#panel-audio #studio .studio-ms[data-row-mute][aria-pressed="true"] { background:#F2B84B; color:#1b1613; border-color:#F2B84B; }
#panel-audio #studio .studio-ms[data-solo][aria-pressed="true"] { background:#86A9EA; color:#1b1613; border-color:#86A9EA; }
#panel-audio #studio .studio-arm[aria-pressed="true"] { background:#e5484d; color:#fff; border-color:#e5484d; }
#panel-audio #studio .studio-empty-actions button { display:inline-flex; align-items:center; gap:8px; height:44px; padding:0 16px; border-radius:999px; border:1px solid var(--s-line); background:var(--s-soft); font-weight:700; cursor:pointer; }
#panel-audio #studio .studio-zoom .studio-icon { border-color:transparent; background:transparent; }
#panel-audio #studio .studio-zoom .studio-icon { width:34px; height:34px; }
#panel-audio #studio .studio-key { display:block; width:100%; padding:0 4px; border:0; border-bottom:1px solid rgba(0,0,0,.15); background:#EDE3DA; color:#1b1613; font-size:9px; font-weight:700; text-align:left; cursor:pointer; }
#panel-audio #studio .studio-key.black { background:#2a211d; color:#e8ddd4; }
#panel-audio #studio .studio-check { display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:600; }
#panel-audio #studio .studio-strip-name { display:flex; align-items:center; gap:6px; height:24px; padding:0; border:0; background:none; font-size:12px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:pointer; }
@media (max-width:760px) {
#panel-audio #studio .studio-range input[type="range"] { width:90px; }
}
#panel-audio #studio .studio-sampler-root.studio-range input[type="range"] { flex:1 1 96px; width:100%; max-width:none; min-width:0; }
#panel-audio #studio .studio-knob input[type="range"]::-webkit-slider-thumb { width:12px; height:12px; }
#panel-audio #studio .studio-knob input[type="range"]::-moz-range-thumb { width:12px; height:12px; }
#panel-audio #studio .studio-key { border-radius:0 !important; min-height:0; box-shadow:none; }
#panel-audio #studio .studio-key.black { width:62%; border-radius:0 3px 3px 0 !important; }
#panel-audio #studio .studio-key.in-key { box-shadow:inset 3px 0 0 var(--accent); }
@media (pointer:coarse) {
#panel-audio #studio :is(.studio-ms,.studio-auto-toggle,.studio-slot)::after { content:""; position:absolute; inset:-8px -3px; }
}
#panel-audio #studio .studio-knob { font-size:11px; font-weight:600; letter-spacing:0; text-transform:none; }
#panel-audio #studio .studio-fader input { min-height:0; height:100%; }
@media (max-width:760px) {
#panel-audio #studio .studio-head-main { grid-column:2; grid-row:1; padding-right:30px; }
}
body.studio-frame #panel-audio #studio :is(#studio-undo,#studio-redo) { display:none; }
#panel-audio #studio .studio-fx-summary { height:26px; padding:0 8px; border-radius:8px; border:1px solid var(--s-line); background:var(--s-surface); font-size:11px; font-weight:600; color:var(--muted); cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#panel-audio #studio .studio-fx-summary:hover { color:var(--ink); border-color:var(--accent-line,var(--accent)); }
#panel-audio #studio .studio-mix-advanced { padding:4px 4px 0; font-size:12px; color:var(--muted); }
#panel-audio #studio .studio-song-menu .studio-chip { height:34px; padding:0 12px; border:1px solid var(--s-line); background:var(--s-soft); border-radius:999px; }
#panel-audio #studio .studio-add-btn { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; padding:0; border-radius:9px; border:1px solid var(--s-line); background:var(--s-soft); color:var(--ink); cursor:pointer; }
#panel-audio #studio .studio-add-btn[aria-expanded="true"] { border-color:var(--accent); color:var(--accent); }
#panel-audio #studio .studio-editor-max { order:2; margin-left:auto; width:34px; height:34px; }
#panel-audio #studio .studio-key.c { font-size:9px; font-weight:800; color:#3a2a22; overflow:visible; white-space:nowrap; }
#panel-audio #studio .studio-octave button { display:inline-flex; align-items:center; gap:4px; }
#panel-audio #studio input[type="range"] { -webkit-appearance:none; appearance:none; height:24px; margin:0; padding:0; background:transparent !important; border:0; cursor:pointer; accent-color:auto;
  --fill:var(--c,var(--accent)); --rail:color-mix(in srgb,var(--ink) 15%,transparent); }
#panel-audio #studio input[type="range"]:disabled { opacity:.45; cursor:default; }
#panel-audio #studio input[type="range"]::-webkit-slider-runnable-track { height:6px; border-radius:999px; border:0;
  background:linear-gradient(90deg,transparent var(--from,0%),var(--fill) var(--from,0%),var(--fill) var(--to,0%),transparent var(--to,0%)),var(--rail) !important;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.28); }
#panel-audio #studio input[type="range"]::-moz-range-track { height:6px; border-radius:999px; border:0;
  background:linear-gradient(90deg,transparent var(--from,0%),var(--fill) var(--from,0%),var(--fill) var(--to,0%),transparent var(--to,0%)),var(--rail) !important; box-shadow:inset 0 1px 1px rgba(0,0,0,.28); }
#panel-audio #studio input[type="range"]::-moz-range-progress { background:transparent; }
#panel-audio #studio input[type="range"]::-webkit-slider-thumb { -webkit-appearance:none; appearance:none; width:18px; height:18px; margin-top:-6px; border-radius:50%; border:0;
  background:radial-gradient(circle at 50% 35%,#ffffff,#eceae6) !important; box-shadow:0 1px 3px rgba(0,0,0,.45),0 0 0 .5px rgba(0,0,0,.2);
  transition:transform .14s cubic-bezier(.2,.9,.3,1.3),box-shadow .14s ease; }
#panel-audio #studio input[type="range"]::-moz-range-thumb { width:18px; height:18px; border-radius:50%; border:0; background:radial-gradient(circle at 50% 35%,#ffffff,#eceae6) !important;
  box-shadow:0 1px 3px rgba(0,0,0,.45),0 0 0 .5px rgba(0,0,0,.2); transition:transform .14s cubic-bezier(.2,.9,.3,1.3),box-shadow .14s ease; }
#panel-audio #studio input[type="range"]:active:not(:disabled)::-webkit-slider-thumb { transform:scale(1.22); box-shadow:0 0 0 7px color-mix(in srgb,var(--fill) 24%,transparent),0 2px 6px rgba(0,0,0,.45); }
#panel-audio #studio input[type="range"]:active:not(:disabled)::-moz-range-thumb { transform:scale(1.22); box-shadow:0 0 0 7px color-mix(in srgb,var(--fill) 24%,transparent),0 2px 6px rgba(0,0,0,.45); }
#panel-audio #studio input[type="range"].studio-head-vol::-webkit-slider-runnable-track { height:4px; }
#panel-audio #studio input[type="range"].studio-head-vol::-webkit-slider-thumb { width:14px; height:14px; margin-top:-5px; }
#panel-audio #studio input[type="range"].studio-head-vol::-moz-range-thumb { width:14px; height:14px; }
#panel-audio #studio .studio-fader input[type="range"] { writing-mode:vertical-lr; direction:rtl; width:36px; height:auto; }
#panel-audio #studio .studio-fader input[type="range"]::-webkit-slider-runnable-track { width:6px; height:100%; margin:0 auto;
  background:linear-gradient(0deg,var(--fill) var(--to,0%),transparent var(--to,0%)),var(--rail) !important; }
#panel-audio #studio .studio-fader input[type="range"]::-moz-range-track { width:6px; height:100%; background:linear-gradient(0deg,var(--fill) var(--to,0%),transparent var(--to,0%)),var(--rail) !important; }
#panel-audio #studio .studio-fader input[type="range"]::-webkit-slider-thumb { width:34px; height:18px; margin-top:0; margin-left:-14px; border-radius:6px;
  background:linear-gradient(180deg,#fbfaf8 0%,#e3e0da 45%,#f6f4f0 50%,#dcd8d1 100%) !important; box-shadow:0 2px 5px rgba(0,0,0,.5),inset 0 -1px 0 rgba(0,0,0,.15); }
#panel-audio #studio .studio-fader input[type="range"]::-moz-range-thumb { width:34px; height:18px; border-radius:6px; background:linear-gradient(180deg,#fbfaf8 0%,#e3e0da 45%,#f6f4f0 50%,#dcd8d1 100%) !important; box-shadow:0 2px 5px rgba(0,0,0,.5); }
#panel-audio #studio .studio-fader input[type="range"]:active:not(:disabled)::-webkit-slider-thumb { transform:scale(1.06); box-shadow:0 0 0 5px color-mix(in srgb,var(--fill) 22%,transparent),0 3px 8px rgba(0,0,0,.5); }
#panel-audio #studio .studio-dial > input[type="range"] { position:absolute; inset:0; width:100%; height:100%; opacity:0; pointer-events:none; }
#panel-audio #studio :is(.studio-chip,.studio-icon,.studio-seg button,.studio-ms,.studio-fx-slot,.studio-fx-summary,.studio-strip-name,.studio-sampler-kit,.select-menu-trigger,.studio-transport button) {
  transition:transform .1s cubic-bezier(.2,.9,.3,1.2),background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease; }
#panel-audio #studio :is(.studio-chip,.studio-icon,.studio-seg button,.studio-ms,.studio-fx-slot,.studio-fx-summary,.studio-sampler-kit,.select-menu-trigger,.studio-transport button):active:not(:disabled) { transform:scale(.96); transition-duration:.05s; }
@media (prefers-reduced-motion:reduce) {
#panel-audio #studio :is(.studio-chip,.studio-icon,.studio-seg button,.studio-ms,.studio-fx-slot,.studio-fx-summary,.studio-sampler-kit,.select-menu-trigger,.studio-transport button):active:not(:disabled) { transform:none; }
#panel-audio #studio input[type="range"]::-webkit-slider-thumb { transition:none; }
}
#panel-audio #studio .studio-roll-more-btn { display:none; }
@media (max-width:760px) {
#panel-audio #studio .studio-roll-more-btn { display:inline-flex; }
#panel-audio #studio .studio-head-buttons .studio-ms { width:36px; }
#panel-audio #studio .studio-head-buttons .studio-ms::after { inset:-6px -2px; }
#panel-audio #studio .studio-add-btn { position:relative; width:36px; height:36px; }
}
#panel-audio #studio label.studio-check { justify-content:flex-start; }
#panel-audio #studio .studio-head-delete { position:absolute; bottom:3px; right:8px; z-index:1; display:grid; place-items:center; width:22px; height:22px; padding:0; border:0; border-radius:6px; background:var(--s-surface); color:var(--s-muted,var(--muted)); cursor:pointer; opacity:0; }
#panel-audio #studio .studio-head-delete svg { width:13px; height:13px; }
#panel-audio #studio .studio-head:hover .studio-head-delete,#panel-audio #studio .studio-head.is-selected .studio-head-delete,#panel-audio #studio .studio-head-delete:focus-visible { opacity:1; }
#panel-audio #studio .studio-head-delete:hover { color:var(--danger,#d64545); background:var(--s-sunk); }
#panel-audio #studio .studio-head-delete::after { content:""; position:absolute; inset:-6px; }
@media (max-width:760px) {
  #panel-audio #studio .studio-head-delete { top:4px; bottom:auto; right:2px; }
  #panel-audio #studio .studio-head-main { padding-right:26px; }
}
@media (pointer:coarse) {
  #panel-audio #studio .studio-head-delete { width:30px; height:30px; }
  #panel-audio #studio .studio-head-delete::after { inset:-7px; }
  #panel-audio #studio .studio-head:not(.is-selected) .studio-head-delete { display:none; }
}
#panel-audio #studio :is(.studio-clip-panel,.studio-track-panel,.studio-card,.studio-sampler-group,.studio-fx-params) .studio-range { display:grid; grid-template-columns:78px minmax(0,1fr) 58px; gap:8px; align-items:center; }
#panel-audio #studio .studio-fx-params .studio-range { grid-template-columns:84px minmax(0,1fr) 64px; gap:10px; }
#panel-audio #studio :is(.studio-clip-panel,.studio-track-panel,.studio-card,.studio-sampler-group,.studio-fx-params) .studio-range input[type="range"] { width:100%; }
#panel-audio #studio :is(.studio-clip-panel,.studio-track-panel,.studio-card,.studio-sampler-group,.studio-fx-params) .studio-range output { min-width:0; text-align:right; white-space:nowrap; }
#panel-audio #studio .studio-tone-grid .studio-field:not(.studio-range) { display:grid; grid-template-columns:78px minmax(0,1fr); gap:8px; align-items:center; }
#panel-audio #studio .studio-fx-params .studio-field:not(.studio-range) { display:grid; grid-template-columns:84px auto; gap:10px; align-items:center; justify-content:start; }
#panel-audio #studio .studio-clip-panel .studio-range { grid-template-columns:78px minmax(0,1fr) 68px; }
#panel-audio #studio .studio-editor-tools .studio-tools-sep { flex:0 0 4px; width:4px; height:0; border:0; background:none; }
@media (min-width:761px) { #panel-audio #studio .studio-head-main { padding-right:0; } }
#panel-audio #studio .studio-marker { z-index:1; height:22px; font-size:11px; line-height:22px; }
#panel-audio #studio .studio-position[data-counting="true"] strong { color:#ff6b6f; }
#panel-audio #studio .studio-roll { position:relative; }
#panel-audio #studio .studio-scroll { scroll-padding:34px 0 0 248px; }
#panel-audio #studio .studio-grid { width:max-content; min-width:100%; }
@media (max-width:760px) { #panel-audio #studio .studio-scroll { scroll-padding-left:124px; } }
#panel-audio #studio .studio-strip { flex:1 0 78px; max-width:124px; min-width:0; }
#panel-audio #studio .studio-strip[data-strip-focus="master"] { position:sticky; right:0; z-index:2; flex:0 0 96px; margin-left:auto; background:var(--s-sunk); box-shadow:10px 0 0 var(--s-surface),-12px 0 12px -10px rgba(0,0,0,.55); }
#panel-audio #studio .studio-strip-name { display:block; min-width:0; text-align:left; line-height:24px; }
#panel-audio #studio .studio-strip-name i { display:inline-block; margin-right:6px; vertical-align:-1px; }
#panel-audio #studio .studio-chip.studio-punch-flag[aria-pressed="true"],#panel-audio #studio .studio-auto-head .studio-chip[data-auto-write][aria-pressed="true"] { color:#fff; border-color:#e5484d; background:#c93a3f; }
#panel-audio #studio .studio-cycle[data-punch="true"] { background:#e5484d; }
#panel-audio #studio .studio-auto-head { gap:4px; padding-left:10px; }
#panel-audio #studio .studio-auto-head select,#panel-audio #studio .studio-auto-head .select-menu { flex:1 1 60px; min-width:0; }
#panel-audio #studio .studio-auto-head :is(.studio-chip,.studio-icon) { flex:0 0 auto; }
#panel-audio #studio .studio-sampler-tabs button[aria-selected="true"],#panel-audio #studio .studio-voices button[aria-pressed="true"] { background:color-mix(in srgb,var(--accent) 24%,var(--s-surface)); color:var(--ink); box-shadow:inset 0 0 0 1px var(--accent); }
#panel-audio #studio :is(.studio-slot[aria-pressed="true"],.studio-auto-toggle[aria-pressed="true"],.studio-fx-slot.is-selected,.studio-chip.studio-chip-main) { color:var(--accent); }
#panel-audio #studio .studio-fx-slot.add { color:var(--muted); }
#panel-audio #studio .studio-auto-head .studio-chip { height:28px; padding:0 8px; font-size:11px; }
#panel-audio #studio .studio-auto-head .studio-icon { width:28px; height:28px; }
#panel-audio #studio .studio-fx-edit-head .studio-icon { width:34px; height:34px; }
#panel-audio #studio .studio-fader input { min-height:130px; }
#panel-audio #studio .studio-sampler-kit { min-height:60px; }
#panel-audio #studio .studio-sampler-replace summary { min-height:36px; }
#panel-audio #studio .studio-row-more .studio-menu .studio-range { display:grid; grid-template-columns:78px minmax(0,1fr) 44px; gap:8px; align-items:center; }
#panel-audio #studio .studio-row-more .studio-menu .studio-range input[type="range"] { width:100%; }
#panel-audio #studio .studio-row-more .studio-menu .studio-range output { min-width:0; text-align:right; white-space:nowrap; }
#panel-audio #studio .studio-sampler-replace summary::before { content:""; flex:0 0 auto; width:7px; height:7px; margin:0 12px 0 3px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(-45deg); transition:transform .15s ease; }
#panel-audio #studio .studio-sampler-replace[open] summary::before { transform:rotate(45deg); }
#panel-audio #studio input[type="range"]::-webkit-slider-thumb { box-sizing:border-box; border:1px solid color-mix(in srgb,var(--ink) 50%,transparent); }
#panel-audio #studio input[type="range"]::-moz-range-thumb { box-sizing:border-box; border:1px solid color-mix(in srgb,var(--ink) 50%,transparent); }
#panel-audio #studio .studio-roll-keys { box-shadow:1px 0 0 color-mix(in srgb,var(--ink) 32%,transparent); }
#panel-audio #studio .studio-key { border-bottom-color:rgba(0,0,0,.24); }
#panel-audio #studio .studio-roll-empty { position:absolute; left:68px; top:10px; z-index:4; margin:0; padding:5px 10px; border-radius:8px; background:color-mix(in srgb,var(--s-surface) 88%,transparent); font-size:12px; color:var(--muted); pointer-events:none; }
@media (pointer:coarse) and (min-width:761px) {
  #panel-audio #studio .studio-head-buttons { grid-template-columns:repeat(3,32px); gap:5px; }
  #panel-audio #studio .studio-head-buttons .studio-ms { width:32px; height:30px; font-size:11px; }
  #panel-audio #studio .studio-head-buttons .studio-ms::after { inset:-7px -2px; }
  #panel-audio #studio .studio-ms-gap { width:32px; }
}
@media (max-width:760px) { #panel-audio #studio .studio-launch-play { gap:3px; padding:0 6px; letter-spacing:-.01em; } }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter { --amber:70%; --red:90%; --up:0deg; --cover:color-mix(in srgb,var(--ink) 15%,var(--s-surface,var(--surface))); position:relative; display:block; overflow:hidden; border-radius:2px; background:linear-gradient(var(--up),#4caf7a 0 var(--amber),#e0b341 var(--amber) var(--red),#e5484d var(--red)); cursor:default; }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter[data-top="0"] { --amber:80%; --red:95%; }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter > :is(i,s,b) { position:absolute; inset:0; display:block; }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter > i { background:var(--cover); transform-origin:50% 0; transform:scaleY(calc(1 - var(--peak,0))); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter > s { background:color-mix(in srgb,var(--cover) 55%,transparent); transform-origin:50% 0; transform:scaleY(calc(1 - var(--rms,0))); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter > b { border-top:2px solid var(--ink); opacity:calc(var(--hold,0) * 1000); transform:translateY(calc((1 - var(--hold,0)) * 100%)); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter[data-over]::after { content:""; position:absolute; inset:0 0 auto; height:3px; background:#ff453a; }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter.is-flat { --up:90deg; }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter.is-flat > i { transform-origin:100% 50%; transform:scaleX(calc(1 - var(--peak,0))); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter.is-flat > s { transform-origin:100% 50%; transform:scaleX(calc(1 - var(--rms,0))); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter.is-flat > b { border-top:0; border-left:2px solid var(--ink); transform:translateX(calc(var(--hold,0) * 100% - 2px)); }
:is(#panel-audio #studio,dialog.studio-dialog) .studio-meter.is-flat[data-over]::after { inset:0 0 0 auto; width:4px; height:auto; }
#panel-audio #studio .studio-launch-head { display:flex; align-items:center; gap:8px; }
#panel-audio #studio .studio-launch-head > .studio-meter { flex:1 1 auto; min-width:24px; max-width:120px; height:4px; margin-left:auto; }
#panel-audio #studio .studio-input-level { display:inline-flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-input-level > .studio-meter { width:132px; height:6px; }
#panel-audio #studio:not(.is-metering) .studio-meter > :is(i,s) { transition:transform .32s ease-out; }
#panel-audio #studio:not(.is-metering) .studio-meter > b { transition:opacity .32s ease-out; }
@media (prefers-reduced-motion:reduce) { #panel-audio #studio .studio-meter > :is(i,s,b) { transition:none; } }
#panel-audio #studio .studio-head > .studio-meter { position:absolute; top:5px; bottom:5px; right:3px; width:4px; }
@media (min-width:761px) { #panel-audio #studio .studio-head-delete { right:12px; } }
@media (max-width:760px) { #panel-audio #studio .studio-head > .studio-meter { right:0; width:3px; pointer-events:none; } }
#panel-audio #studio .studio-fader { position:relative; }
#panel-audio #studio .studio-fader > .studio-meter,#panel-audio #studio .studio-fader > .studio-meter-pair { position:absolute; top:2px; bottom:22px; left:calc(50% + 22px); width:5px; }
#panel-audio #studio .studio-fader > .studio-meter-pair { display:flex; gap:2px; width:10px; }
#panel-audio #studio .studio-fader > .studio-meter-pair > .studio-meter { flex:1 1 0; }
html body #panel-audio #studio.studio .studio-loudness { display:flex; flex-direction:row; align-items:center; gap:8px; padding:0 4px; line-height:1; }
#panel-audio #studio .studio-loudness .studio-loudness-name { font-size:11px; font-weight:700; color:var(--muted); }
#panel-audio #studio .studio-loudness .studio-meter-pair { display:grid; grid-template-columns:auto 92px; gap:3px 5px; align-items:center; }
#panel-audio #studio .studio-loudness .studio-meter-pair > em { font-size:9px; font-weight:700; font-style:normal; line-height:1; color:var(--muted); }
#panel-audio #studio .studio-loudness .studio-meter { height:5px; }
@container studio (max-width:1380px) {
 html.studio-fit body.aether-ui #panel-audio #studio.studio .studio-loudness { display:flex; gap:0; padding:0 4px 0 0; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-loudness .studio-loudness-name { display:none; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-loudness .studio-meter-pair { grid-template-columns:auto 44px; }
}
@container studio (max-width:1169px) { html.studio-fit body.aether-ui #panel-audio #studio.studio.has-punch-flag .studio-loudness { display:none; } }
@container studio (min-width:1170px) and (max-width:1380px) {
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport { padding-inline:6px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-transport-group { gap:4px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-icon { width:36px; height:36px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-zoom { gap:2px; padding:2px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-zoom .studio-icon { width:32px; height:32px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-position { gap:6px; padding-inline:8px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-position strong { min-width:80px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-field #studio-tempo { width:50px; padding-inline:6px; }
 html.studio-fit body.aether-ui #panel-audio #studio .studio-transport .studio-chip.studio-punch-flag { padding-inline:9px; }
}
@media (max-width:760px) { html body #panel-audio #studio.studio .studio-loudness { display:none; } }
.studio-pop-row > input[type="range"] { flex:1 1 auto; min-width:0; }
.studio-pop-row > output { flex:0 0 30px; text-align:right; font-size:12px; font-weight:700; font-variant-numeric:tabular-nums; color:var(--ink); }
@container studio (max-width:1169px) {
 html.studio-fit body.aether-ui #panel-audio #studio .studio-key-field > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
}
@media (max-width:760px) { #panel-audio #studio .studio-key-field > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; } }
#panel-audio #studio .studio-head-db { display:none; }
#panel-audio #studio .studio-grid.has-wide-heads .studio-head-db { display:block; grid-column:2; grid-row:2; justify-self:end; width:50px; text-align:right; font-size:10.5px; font-weight:600; line-height:14px; font-variant-numeric:tabular-nums; color:var(--muted); white-space:nowrap; pointer-events:none; }
#panel-audio #studio .studio-grid.has-wide-heads .studio-head-vol { grid-row:2; justify-self:start; width:calc(100% - 54px); }
@media (max-width:760px) { #panel-audio #studio .studio-grid.has-wide-heads .studio-head-db { display:none; } }
#panel-audio #studio .studio-head-check { grid-column:2; grid-row:2; justify-self:start; height:22px; margin-left:2px; padding:0 9px; border:1px solid color-mix(in srgb,var(--c) 55%,var(--s-line)); border-radius:11px; background:var(--s-surface); color:var(--ink); font:inherit; font-size:11px; font-weight:700; line-height:1; white-space:nowrap; cursor:pointer; }
#panel-audio #studio .studio-head-check:hover { background:color-mix(in srgb,var(--c) 16%,var(--s-surface)); }
#panel-audio #studio .studio-head.is-asking :is(.studio-head-db,.studio-head-vol) { display:none; }
@media (max-width:760px) { #panel-audio #studio .studio-head-check { display:none; } }
#panel-audio #studio .studio-input-level > .studio-meter[data-sampler-level] { width:96px; }
.studio-tuner-level { display:flex; align-items:center; gap:8px; font-size:12px; font-weight:700; color:var(--muted); }
.studio-tuner-level > .studio-meter { width:160px; height:6px; }
@container studio (min-width:1000px) and (max-width:1169px) {
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport { padding-inline:6px; column-gap:6px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-transport-group { gap:4px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-icon { width:36px; height:36px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-zoom { gap:2px; padding:2px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-zoom .studio-icon { width:32px; height:32px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-position { gap:6px; padding-inline:8px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-position strong { min-width:72px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-field #studio-tempo { width:50px; padding-inline:6px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-chip.studio-punch-flag { padding-inline:9px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport :is(#studio-tonic-menu,#studio-mode-menu,.studio-song-settings > summary) { padding-inline:8px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-seg button { min-width:30px; padding:0 7px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport #sound-expand { width:36px; min-width:36px; height:36px; min-height:36px; }
}
@container studio (min-width:1000px) and (max-width:1045px) {
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport { column-gap:4px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-seg button { min-width:28px; padding:0 6px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-zoom .studio-icon { width:30px; height:30px; }
 html.studio-fit body.aether-ui #panel-audio #studio.has-punch-flag .studio-transport .studio-position { gap:4px; padding-inline:6px; }
}
dialog.studio-dialog > p { margin:0 0 10px; line-height:1.5; }
dialog.studio-dialog > .studio-cal-now span { color:var(--muted); }
dialog.studio-dialog > .studio-field { display:flex; align-items:center; gap:10px; }
dialog.studio-dialog > .studio-field input[type="number"] { width:88px; }
#panel-audio #studio .studio-lane > .studio-take-now { position:absolute; top:3px; bottom:3px; z-index:2; border:1px solid color-mix(in srgb,#ff453a 75%,transparent); border-radius:7px; background:color-mix(in srgb,#ff453a 26%,transparent); pointer-events:none; }
}