/* Studio working surface: compact metal panels, readable controls, no decorative screws. */
.studio-shell{min-width:0!important}.studio-topbar,.transport-bar,.edit-bar{flex-wrap:wrap;height:auto;min-height:48px}.studio-brand{min-width:220px!important}.studio-brand strong{font-size:18px}.project-tools{flex-wrap:wrap}.studio-kicker{font-size:12px!important}.ui-btn,.edit-btn,.square-btn,.compact-control,.track-name,.statusbar{font-size:12px!important}.edit-bar{row-gap:6px}.edit-btn{min-height:34px}.advanced-control,#automationToggleBtn,#routingToggleBtn,#creationToggleBtn{display:inline-flex!important;align-items:center}.shortcuts,.engine-state{display:none}.workspace{min-height:310px}.pocket-launcher{border-color:#b8ff3d!important;color:#b8ff3d!important}.pocket-track-button{background:#151e16;border:1px solid #516437;border-radius:4px;color:#d5fca1;min-height:28px;font:700 12px monospace;padding:3px 8px;cursor:pointer}.pocket-rack[hidden],.pocket-window[hidden]{display:none!important}.pocket-rack{background:#101612;border-block:1px solid #344536;padding:12px 16px;color:#eff5ee}.pocket-rack-head,.pocket-add{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pocket-rack-head strong{font:800 16px monospace;letter-spacing:.08em}.pocket-rack-head>button{margin-left:auto}.pocket-flow{font:12px monospace;color:#98aa9d}.pocket-rack button,.pocket-rack select,.pocket-window button,.pocket-window select{border:1px solid #536155;border-radius:5px;background:linear-gradient(#29342b,#171e19);color:#edf5eb;font:600 12px system-ui;padding:8px 10px;min-height:34px;cursor:pointer}.pocket-rack button:hover,.pocket-window button:hover{border-color:#b8ff3d}.pocket-rack select{max-width:100%}.pocket-chain{display:flex;overflow-x:auto;gap:10px;padding:14px 0}.pocket-slot{display:grid;grid-template-columns:20px 1fr repeat(4,28px);gap:4px;align-items:center;min-width:340px;border:1px solid #4b554d;border-top:3px solid var(--pocket-accent);border-radius:6px;padding:8px;background:linear-gradient(135deg,#333d35,#18211b);box-shadow:0 5px 10px #0005,inset 0 1px #fff2}.pocket-slot button{padding:4px;min-width:0}.pocket-slot small{font:12px monospace;color:#c0cebf}.pocket-slot.bypassed{opacity:.6}.pocket-empty,.pocket-note{font:13px/1.5 system-ui;color:#aab8ac;margin:4px 0}.pocket-rack a,.pocket-window a{color:inherit;font:12px system-ui;text-decoration:none}.pocket-add>button{background:#b8ff3d;color:#14200d;border-color:#b8ff3d}.pocket-note{padding-top:8px}.pocket-window{position:fixed;right:24px;top:170px;z-index:1000;width:560px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 24px);overflow:auto;box-sizing:border-box;border:1px solid #8b948e;border-radius:12px;background:linear-gradient(125deg,#e4e8e4,#a4ada7 52%,#d9dfda);box-shadow:0 20px 70px #000b,inset 0 1px 1px #fff;color:#18201a;padding:14px}.pocket-window-head{display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:move;touch-action:none;padding:0 0 12px}.pocket-window-head strong{font:900 18px/1.2 system-ui;letter-spacing:.03em;text-shadow:0 1px #fff}.pocket-window-head button{font-size:20px;min-width:36px}.pocket-screen{background:#070a09;border:5px solid #202724;border-radius:7px;box-shadow:inset 0 3px 10px #000,0 1px #fff8;padding:8px;color:#b8ff3d;display:grid;grid-template-columns:1fr auto}.pocket-screen span{font:12px monospace;color:#92a68e}.pocket-screen canvas{grid-column:1/3;grid-row:2;width:100%;height:90px}.pocket-screen output{font:13px monospace}.pocket-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 10px;padding:18px 0}.pocket-control{display:grid;grid-template-columns:1fr auto;gap:7px;align-items:center;font:700 13px system-ui;min-width:0}.pocket-control>span{grid-column:1/3}.pocket-control input[type=range]{grid-column:1/3;width:100%;accent-color:#263525;cursor:pointer}.pocket-value{width:100%;min-width:0;box-sizing:border-box;background:#18221b;color:#caff8d;border:1px solid #465c45;border-radius:4px;padding:6px;font:14px monospace}.pocket-control small{font-size:12px}.pocket-actions{display:flex;flex-wrap:wrap;align-items:center;gap:7px;border-top:1px solid #869288;padding-top:12px}.pocket-actions .active{background:#b8ff3d;color:#152410}.pocket-rack button:disabled{opacity:.3;cursor:default}.pocket-window :focus-visible,.pocket-rack :focus-visible{outline:3px solid #7bc72c;outline-offset:2px}.track-buttons{flex-wrap:wrap}.pocket-actions a{margin-left:auto;font-weight:700}
@media(max-width:920px){.studio-topbar{align-items:flex-start}.studio-brand{width:100%}.project-tools{width:100%}.transport-spacer,.edit-spacer{display:none}.workspace{grid-template-columns:170px minmax(0,1fr) 64px!important}.tracks-panel{width:170px!important}.track-controls{gap:4px}.track-controls label{font-size:12px}.statusbar{flex-wrap:wrap}.pocket-window{top:90px;right:8px}.pocket-flow{display:none}.pocket-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.pocket-rack{padding:10px}.time-display{min-width:110px}.master-panel{min-width:0}}
@media(max-width:540px){.workspace{grid-template-columns:130px minmax(0,1fr)!important}.tracks-panel{width:130px!important}.master-panel{display:none}.pocket-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.pocket-window{padding:10px}.project-name{max-width:150px}.pocket-rack-head select{max-width:180px}.pocket-window-head strong{font-size:16px}.pocket-slot{min-width:310px}.track-title-row{flex-wrap:wrap}.track-name{max-width:85px}}
.studio-shell{display:flex;flex-direction:column;overflow:auto}.studio-shell>.workspace{flex:1 0 320px}.studio-shell>.studio-topbar,.studio-shell>.transport-bar,.studio-shell>.edit-bar,.studio-shell>.clip-quick-editor,.studio-shell>.pocket-rack,.studio-shell>.statusbar{flex-shrink:0}.pocket-control input[type=range]{appearance:none;height:5px;border:1px solid #343e35;border-radius:4px;background:#1d251f;margin:10px 0}.pocket-control input[type=range]::-webkit-slider-thumb{appearance:none;width:14px;height:24px;border:1px solid #111;border-radius:3px;background:linear-gradient(180deg,#434a43 0%,#141914 42%,#b8ff3d 44%,#b8ff3d 53%,#151a16 55%,#353e35);box-shadow:0 2px 4px #0006}.pocket-control input[type=range]::-moz-range-thumb{width:14px;height:24px;border:1px solid #111;border-radius:3px;background:linear-gradient(180deg,#434a43 0%,#141914 42%,#b8ff3d 44%,#b8ff3d 53%,#151a16 55%,#353e35);box-shadow:0 2px 4px #0006}

/* 2026-09-09: one geometry system for every track row. The left track list, timeline ruler and all audio/MIDI lanes now share the same top offset and row height, including tracks created later. */
:root{--ruler-h:42px;--track-h:190px}.panel-head,.ruler{height:var(--ruler-h)!important}.track-headers{height:calc(100% - var(--ruler-h))!important}.track-buttons{align-content:flex-start;row-gap:8px}.track-header,.lane,.midi-track-v7,.midi-lane-v7{height:var(--track-h)!important;min-height:var(--track-h)!important;max-height:var(--track-h)!important}
@media(max-width:920px){:root{--track-h:230px}}
@media(max-width:540px){:root{--track-h:280px}}

/* 2026-09-11: readable controls and exact visual identity from every full-size PURE. */
.pocket-rack button,.pocket-rack select,.pocket-window button,.pocket-window select{min-height:40px;padding:9px 11px;border-color:#637267;color:#f7fff5;font:700 14px/1.2 system-ui;color-scheme:dark}
.pocket-rack button:hover,.pocket-window button:hover{border-color:var(--pocket-accent,#b8ff3d)}
.pocket-empty,.pocket-note{color:#cad6cc;font-size:14px}
.pocket-rack a,.pocket-window a{font-size:14px;font-weight:700}
.pocket-slot{grid-template-columns:20px 1fr repeat(4,32px);min-width:370px;border-top-width:4px;border-radius:7px;padding:9px;background:linear-gradient(135deg,color-mix(in srgb,var(--pocket-accent) 15%,#333d35),#18211b)}
.pocket-slot small{color:#d7e4d6;font-weight:700}
.pocket-picker-wrap{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;min-width:min(100%,280px)}
.pocket-picker-label{grid-column:1/3;color:#dbe6dd;font:800 12px/1.2 monospace;letter-spacing:.08em}
.pocket-picker-swatch{grid-column:1;width:12px;height:30px;border-radius:3px;box-shadow:0 0 12px color-mix(in srgb,var(--pocket-accent) 65%,transparent)}
.pocket-picker-wrap select{grid-column:2;font-size:15px;letter-spacing:.02em}
.pocket-window{--pocket-accent:#c8ff24;--pocket-surface:#dce3e4;--pocket-deep:#303532;--pocket-ink:#101311;top:150px;width:680px;border:2px solid color-mix(in srgb,var(--pocket-accent) 72%,#fff);background:linear-gradient(135deg,color-mix(in srgb,var(--pocket-surface) 86%,#fff),var(--pocket-surface) 48%,var(--pocket-deep));box-shadow:0 20px 70px #000c,inset 0 1px 1px #fff8;color:var(--pocket-ink);padding:16px}
.pocket-window-head strong{color:var(--pocket-ink);font-size:20px;line-height:1.25;text-shadow:0 1px #fff5}
.pocket-window-head button{min-width:40px}
.pocket-screen{border-color:color-mix(in srgb,var(--pocket-deep) 80%,#111);padding:10px;color:var(--pocket-accent)}
.pocket-screen span{color:color-mix(in srgb,var(--pocket-accent) 75%,#fff);font-size:13px;font-weight:700}
.pocket-screen output{color:var(--pocket-accent);font-size:14px;font-weight:800}
.pocket-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 12px}
.pocket-control{grid-template-columns:minmax(62px,1fr) auto;gap:8px;padding:10px;border:1px solid color-mix(in srgb,var(--pocket-deep) 55%,#fff);border-radius:7px;background:color-mix(in srgb,var(--pocket-deep) 76%,transparent);box-shadow:inset 0 1px #fff2}
.pocket-control-name{grid-column:1/3;color:#fff;font:900 14px/1.3 system-ui;letter-spacing:.015em;text-shadow:0 1px 2px #000}
.pocket-value{padding:8px;border-color:color-mix(in srgb,var(--pocket-accent) 52%,#27332a);background:#080c09;color:var(--pocket-accent);font-size:15px;font-weight:800}
.pocket-unit{min-width:34px;color:#fff;font:800 12px/1.2 monospace;text-align:left;text-shadow:0 1px 2px #000}
.pocket-actions{gap:8px;border-top-color:color-mix(in srgb,var(--pocket-deep) 60%,#fff)}
.pocket-actions .active{background:var(--pocket-accent);color:#10140f}
.pocket-window :focus-visible,.pocket-rack :focus-visible{outline-color:var(--pocket-accent,#b8ff3d)}
.pocket-control input[type=range]{height:7px;margin:12px 0;border-color:color-mix(in srgb,var(--pocket-deep) 70%,#000);background:color-mix(in srgb,var(--pocket-deep) 82%,#101510);accent-color:var(--pocket-accent)}
.pocket-control input[type=range]::-webkit-slider-thumb{width:16px;height:28px;background:linear-gradient(180deg,#59625b 0%,#141914 42%,var(--pocket-accent) 44%,var(--pocket-accent) 54%,#151a16 56%,#3d463f)}
.pocket-control input[type=range]::-moz-range-thumb{width:16px;height:28px;background:linear-gradient(180deg,#59625b 0%,#141914 42%,var(--pocket-accent) 44%,var(--pocket-accent) 54%,#151a16 56%,#3d463f)}
@media(max-width:920px){.pocket-window{top:72px}.pocket-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:540px){.pocket-window{top:8px;padding:10px}.pocket-window-head{cursor:default}.pocket-window-head strong{font-size:17px}.pocket-controls{grid-template-columns:1fr}.pocket-slot{min-width:340px}.pocket-actions a{margin-left:0;width:100%;padding:8px 0}}

/* Native Windows menus need their option palette set explicitly. */
.pocket-rack select,.pocket-window select{color-scheme:dark;background-color:#172019;color:#f7fff5;border-color:#8ab45f;font-weight:800}
.pocket-rack select option,.pocket-rack select optgroup,.pocket-window select option,.pocket-window select optgroup{background:#101713;color:#f7fff5;font-size:15px;font-weight:700}
.pocket-rack select option:checked,.pocket-window select option:checked{background:#b8ff3d;color:#10150f}
.pocket-rack select option:disabled,.pocket-window select option:disabled{background:#101713;color:#829086}