:root{--canvas: #ded7ca;--parchment: #efe4d1;--parchment-light: #fffaf1;--charcoal: #3d2415;--charcoal-muted: #6b5442;--structural-wood: #8d562d;--structural-wood-border: #9b6a3c;--brass: #e3bb7a;--bronze: #c99850;--metal-bar-light: #d8633a;--metal-bar-mid: #c94d2a;--metal-bar-deep: #b64223;--copper-accent: #8d562d;--focus: #1c3f8f;--error: #8f2213;--error-strong: #8c2f16;--text-on-wood: #fff6eb;--text-on-metal: #fff7f1;--surface-border: rgba(85, 52, 24, .35);--surface-border-strong: #89572e;--color-scheme: light;--canvas-glow: radial-gradient( circle at 18% 0, rgba(255, 253, 247, .72), rgba(255, 253, 247, 0) 34% );--canvas-sheen: linear-gradient( 180deg, rgba(245, 242, 235, .58) 0%, rgba(229, 222, 210, .58) 58%, rgba(207, 196, 180, .58) 100% );--topbar-tint: linear-gradient( 90deg, rgba(42, 31, 23, .78), rgba(72, 52, 36, .62) );--surface-card: #f3eee6;--surface-deck: #eee7dc;--surface-keyboard: #ece7df;--surface-deck-status: rgba(255, 250, 241, .48);--border-card: rgba(72, 55, 39, .24);--border-deck: rgba(72, 55, 39, .18);--border-deck-status: rgba(72, 55, 39, .13);--border-keyboard: rgba(72, 55, 39, .12);--rack-tint: linear-gradient( 180deg, rgba(255, 245, 228, .1), rgba(42, 29, 20, .18) );--rack-back-tint: linear-gradient( 180deg, rgba(255, 251, 243, .58), rgba(232, 218, 198, .48) );--rack-back-border: rgba(77, 59, 43, .14);--rack-back-sheen: inset 0 1px 0 rgba(255, 252, 244, .66), inset 0 0 20px rgba(109, 76, 43, .08);--support-stroke: #6d675f;--panel-fill: rgba(255, 250, 240, .5);--panel-fill-strong: rgba(255, 250, 240, .72);--panel-fill-mid: rgba(255, 250, 240, .58);--panel-fill-soft: rgba(255, 250, 240, .38);--panel-fill-faint: rgba(255, 250, 240, .32);--pill-fill: rgba(255, 250, 240, .62);--chip-fill: rgba(75, 65, 58, .09);--input-surface: var(--parchment-light);--input-surface-soft: rgba(255, 250, 240, .9);--input-border: rgba(85, 52, 24, .45);--tab-active-fill: rgba(247, 238, 222, .94);--button-face: linear-gradient(180deg, #f7e7cb, #dcae74);--button-face-secondary: linear-gradient(180deg, #f0e2cd, #cbb69a);--error-border: #a32c1c;--error-text: #8f2313;--state-idle: #a67b43;--state-ready: #477359;--chart-grid: rgba(85, 52, 24, .16);--chart-compare-1: #3a6ea5;--chart-compare-2: #2f8f6f;--chart-compare-3: #8a4fae;--ink-on-bright: #3d2415;--wood-panel-texture: url(./walnut-DeGLZOiv.png);--rack-back-texture: url(./maple-BYuj5mDt.png);--canvas-wood-texture: url(./beech-4qTGEU53.png);--parchment-material: linear-gradient( 180deg, rgba(255, 247, 234, .76), rgba(244, 230, 206, .94) ), var(--parchment);--brass-material: linear-gradient(180deg, var(--brass), var(--bronze));--font-display: "Avenir Next Condensed", "Franklin Gothic Demi Cond", "Trebuchet MS", sans-serif;--font-body: "Avenir Next", "Segoe UI", sans-serif;--type-xs: .72rem;--type-sm: .8rem;--type-caption: .88rem;--type-control: .92rem;--type-body: .9rem;--type-label: .95rem;--type-title-sm: 1.05rem;--type-title-md: 1.15rem;--tracking-label: .06em;--tracking-wide: .08em;--tracking-widest: .16em;--space-2xs: 4px;--space-xs: 6px;--space-sm: 8px;--space-md: 10px;--space-lg: 12px;--space-xl: 14px;--space-2xl: 16px;--space-3xl: 18px;--space-4xl: 20px;--space-5xl: 24px;--space-6xl: 28px;--radius-control: 8px;--radius-button: 10px;--radius-group: 12px;--radius-panel: 18px;--radius-round: 50%;--radius-indicator: 99px;--radius-pill: 999px;--shadow-strong-color: rgba(58, 24, 5, .34);--shadow-soft-color: rgba(77, 37, 11, .18);--shadow-shell: inset 0 1px 0 rgba(255, 247, 234, .2), 0 8px 20px rgba(49, 37, 28, .16);--shadow-panel: inset 0 2px 0 rgba(255, 247, 233, .76), 0 28px 62px var(--shadow-strong-color)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-scheme: dark;--canvas: #16110d;--parchment: #241c15;--parchment-light: #2c2219;--charcoal: #f3e7d6;--charcoal-muted: #bfab94;--focus: #9db8ff;--error: #ff9d86;--error-strong: #ff8f74;--surface-border: rgba(236, 208, 168, .22);--surface-border-strong: #7a5734;--parchment-material: linear-gradient(180deg, rgba(60, 46, 33, .82), rgba(35, 27, 19, .92)), var(--parchment);--canvas-glow: radial-gradient( circle at 18% 0, rgba(150, 112, 66, .18), rgba(150, 112, 66, 0) 34% );--canvas-sheen: linear-gradient( 180deg, rgba(30, 23, 17, .78) 0%, rgba(20, 15, 11, .84) 58%, rgba(11, 8, 6, .88) 100% );--topbar-tint: linear-gradient( 90deg, rgba(15, 11, 8, .86), rgba(43, 31, 21, .76) );--surface-card: #1e1811;--surface-deck: #241d15;--surface-keyboard: #1a1510;--surface-deck-status: rgba(255, 240, 214, .05);--border-card: rgba(255, 238, 214, .12);--border-deck: rgba(255, 238, 214, .09);--border-deck-status: rgba(255, 238, 214, .07);--border-keyboard: rgba(255, 238, 214, .08);--rack-tint: linear-gradient( 180deg, rgba(36, 25, 16, .52), rgba(9, 6, 4, .68) );--rack-back-tint: linear-gradient( 180deg, rgba(48, 34, 22, .62), rgba(23, 16, 11, .74) );--rack-back-border: rgba(255, 238, 214, .08);--rack-back-sheen: inset 0 1px 0 rgba(255, 244, 222, .07), inset 0 0 24px rgba(0, 0, 0, .34);--support-stroke: #8e8880;--panel-fill: rgba(255, 240, 214, .05);--panel-fill-strong: rgba(255, 240, 214, .08);--panel-fill-mid: rgba(255, 240, 214, .06);--panel-fill-soft: rgba(255, 240, 214, .04);--panel-fill-faint: rgba(255, 240, 214, .03);--pill-fill: rgba(255, 240, 214, .07);--chip-fill: rgba(255, 240, 214, .11);--input-surface-soft: rgba(255, 240, 214, .08);--input-border: rgba(236, 208, 168, .3);--error-border: #ff8f74;--error-text: #ff9d86;--state-idle: #cf9c56;--state-ready: #74b892;--chart-grid: rgba(236, 208, 168, .16);--chart-compare-1: #7fb1e8;--chart-compare-2: #6fd1ab;--chart-compare-3: #c497e8;--shadow-strong-color: rgba(0, 0, 0, .62);--shadow-soft-color: rgba(0, 0, 0, .42);--shadow-shell: inset 0 1px 0 rgba(255, 247, 234, .07), 0 8px 20px rgba(0, 0, 0, .46);--shadow-panel: inset 0 1px 0 rgba(255, 247, 233, .07), 0 28px 62px var(--shadow-strong-color)}}:root[data-theme=dark]{--color-scheme: dark;--canvas: #16110d;--parchment: #241c15;--parchment-light: #2c2219;--charcoal: #f3e7d6;--charcoal-muted: #bfab94;--focus: #9db8ff;--error: #ff9d86;--error-strong: #ff8f74;--surface-border: rgba(236, 208, 168, .22);--surface-border-strong: #7a5734;--parchment-material: linear-gradient(180deg, rgba(60, 46, 33, .82), rgba(35, 27, 19, .92)), var(--parchment);--canvas-glow: radial-gradient( circle at 18% 0, rgba(150, 112, 66, .18), rgba(150, 112, 66, 0) 34% );--canvas-sheen: linear-gradient( 180deg, rgba(30, 23, 17, .78) 0%, rgba(20, 15, 11, .84) 58%, rgba(11, 8, 6, .88) 100% );--topbar-tint: linear-gradient( 90deg, rgba(15, 11, 8, .86), rgba(43, 31, 21, .76) );--surface-card: #1e1811;--surface-deck: #241d15;--surface-keyboard: #1a1510;--surface-deck-status: rgba(255, 240, 214, .05);--border-card: rgba(255, 238, 214, .12);--border-deck: rgba(255, 238, 214, .09);--border-deck-status: rgba(255, 238, 214, .07);--border-keyboard: rgba(255, 238, 214, .08);--rack-tint: linear-gradient( 180deg, rgba(36, 25, 16, .52), rgba(9, 6, 4, .68) );--rack-back-tint: linear-gradient( 180deg, rgba(48, 34, 22, .62), rgba(23, 16, 11, .74) );--rack-back-border: rgba(255, 238, 214, .08);--rack-back-sheen: inset 0 1px 0 rgba(255, 244, 222, .07), inset 0 0 24px rgba(0, 0, 0, .34);--support-stroke: #8e8880;--panel-fill: rgba(255, 240, 214, .05);--panel-fill-strong: rgba(255, 240, 214, .08);--panel-fill-mid: rgba(255, 240, 214, .06);--panel-fill-soft: rgba(255, 240, 214, .04);--panel-fill-faint: rgba(255, 240, 214, .03);--pill-fill: rgba(255, 240, 214, .07);--chip-fill: rgba(255, 240, 214, .11);--input-surface-soft: rgba(255, 240, 214, .08);--input-border: rgba(236, 208, 168, .3);--error-border: #ff8f74;--error-text: #ff9d86;--state-idle: #cf9c56;--state-ready: #74b892;--chart-grid: rgba(236, 208, 168, .16);--chart-compare-1: #7fb1e8;--chart-compare-2: #6fd1ab;--chart-compare-3: #c497e8;--shadow-strong-color: rgba(0, 0, 0, .62);--shadow-soft-color: rgba(0, 0, 0, .42);--shadow-shell: inset 0 1px 0 rgba(255, 247, 234, .07), 0 8px 20px rgba(0, 0, 0, .46);--shadow-panel: inset 0 1px 0 rgba(255, 247, 233, .07), 0 28px 62px var(--shadow-strong-color)}*{box-sizing:border-box}html{color-scheme:var(--color-scheme)}html,body{margin:0;min-height:100%}body{background-color:var(--canvas);background-image:var(--canvas-glow),var(--canvas-sheen),var(--canvas-wood-texture);background-position:center top;background-size:auto,auto,1024px 576px;background-repeat:no-repeat,no-repeat,repeat;background-attachment:fixed;color:var(--charcoal);font-family:var(--font-body)}.studio-shell{width:min(1320px,calc(100vw - 28px));margin:0 auto;padding:var(--space-xl) 0 26px}.studio-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xl);padding:var(--space-md) var(--space-xl);border:1px solid rgba(43,31,23,.38);border-radius:var(--radius-panel) var(--radius-panel) var(--radius-control) var(--radius-control);background:var(--topbar-tint),linear-gradient(180deg,#fff8eb1a,#1c140f1a),var(--wood-panel-texture) center/cover no-repeat;box-shadow:var(--shadow-shell)}.brand{display:flex;gap:var(--space-md);align-items:center}.brand-mark{width:42px;height:42px;filter:drop-shadow(0 1px 3px rgba(23,16,11,.32))}.brand-kicker{margin:0 0 2px;color:#f8eeddbd;font-size:.64rem;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;color:#f9f2e7;font-family:var(--font-display);font-size:clamp(1.45rem,2.3vw,2rem);letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 3px rgba(20,13,9,.34)}.instrument-card{overflow:hidden;margin-top:var(--space-xl);border:1px solid var(--border-card);border-radius:var(--radius-panel);background:var(--surface-card);box-shadow:0 12px 30px #31251c24}.control-deck{display:grid;grid-template-columns:minmax(0,auto) auto auto auto minmax(240px,1fr);align-items:center;gap:var(--space-4xl);padding:var(--space-lg) var(--space-4xl);border-bottom:1px solid var(--border-deck);background:var(--surface-deck);box-shadow:0 4px 12px #31251c0f}.deck-field{display:grid;gap:var(--space-sm);min-width:0;color:var(--charcoal)}.deck-field label{font-family:var(--font-display);font-size:var(--type-title-md);letter-spacing:.04em}.deck-field select{max-width:100%;min-height:44px;padding:7px 9px;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--input-surface);color:var(--charcoal);font:inherit;font-size:var(--type-control)}.control-deck-status{min-width:0;padding:var(--space-lg) var(--space-xl);border:1px solid var(--border-deck-status);border-radius:var(--radius-group);background:var(--surface-deck-status)}.control-deck-status{display:grid;align-content:center;gap:var(--space-xs);min-height:76px}.status-label{color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.instrument-main{padding:var(--space-3xl) var(--space-4xl) var(--space-sm)}.dial-control{display:grid;justify-items:center;gap:var(--space-sm);color:var(--charcoal)}.dial-label{font-family:var(--font-display);font-size:var(--type-title-md);letter-spacing:.04em}.dial-assembly{position:relative;width:86px;height:86px}.dial-assembly-small{width:66px;height:66px}.dial-input{position:absolute;inset:0;opacity:0;cursor:pointer;pointer-events:none}.dial-face{--turn: -132deg;position:absolute;inset:0;border:1px solid #59452c;border-radius:var(--radius-round);cursor:grab}.dial-face:active{cursor:grabbing}.dial-face-aged-brass{background:repeating-conic-gradient(from 12deg,rgba(245,226,176,.06) 0deg .7deg,rgba(70,51,29,.04) .7deg 1.5deg,transparent 1.5deg 4deg),conic-gradient(from 218deg,#5c472c,#80643a 14%,#695334 31%,#927548 49%,#604b30 68%,#81643b 84%,#5c472c);box-shadow:inset 0 1px #f4e0ae47,inset 0 -2px 4px #2e22166b,0 5px 10px #3b2b1b33}.dial-face-aged-brass:before{content:"";position:absolute;inset:7px;border:1px solid rgba(75,56,31,.68);border-radius:var(--radius-round);background:radial-gradient(circle at 29% 72%,rgba(47,83,65,.11) 0 3%,transparent 17%),radial-gradient(circle at 74% 31%,rgba(247,225,166,.13) 0 4%,transparent 23%),repeating-linear-gradient(104deg,rgba(250,229,174,.055) 0 1px,rgba(65,49,29,.035) 1px 2px,transparent 2px 5px),linear-gradient(142deg,#b2965f,#9a7c49 46%,#80653d);box-shadow:inset 0 1px #fae8b847,inset 0 0 0 1px #caad6914,inset 0 -4px 7px #41301d2e}.dial-indicator{position:absolute;z-index:1;left:calc(50% - 2px);top:13%;width:4px;height:29%;border:1px solid rgba(58,44,28,.58);border-radius:var(--radius-indicator);background:#fff4d8;box-shadow:0 1px 1px #2f241880,0 0 0 1px #fff7de3d;transform:rotate(var(--turn));transform-origin:50% 120%}.dial-control output{color:var(--charcoal-muted);font-size:var(--type-control)}.status-panel{margin:0;color:var(--charcoal-muted);font-size:var(--type-caption);line-height:1.4}.status-panel[data-error=true]{color:var(--error)}.instrument-stage{position:relative;min-height:450px}.rack-wrap{position:relative;width:min(100%,calc(1000px + 2 * var(--space-3xl)));height:100%;margin-inline:auto;padding:var(--space-sm) var(--space-3xl) 0}.rack-shadow{position:absolute;inset:28px 28px 18px 24px;border-radius:var(--space-6xl);background:none;filter:none}.rack{position:relative;min-height:402px;border-radius:22px;background:var(--rack-tint),var(--wood-panel-texture) center/cover no-repeat;box-shadow:inset 0 0 0 1px #432b1a42,inset 0 1px #fff2db38,0 4px 12px #392a1d1f}.rack:before{content:"";position:absolute;inset:28px 24px 24px;border:1px solid var(--rack-back-border);border-radius:16px;background:var(--rack-back-tint),var(--rack-back-texture) center/cover no-repeat;box-shadow:var(--rack-back-sheen)}.rack:after{content:none}.row-support{position:absolute;inset:0;width:100%;height:var(--lane-height);overflow:visible;pointer-events:none;z-index:0}.row-support polyline{fill:none;stroke:var(--support-stroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:7px;filter:drop-shadow(0 2px 2px rgba(38,32,27,.18));vector-effect:non-scaling-stroke}.note-lane{position:absolute;left:5.2%;right:5.2%;height:var(--lane-height)}.note-lane-sharps{top:44px}.note-lane-naturals{top:166px}.bar{--center: 0%;--length: 200px;--bar-top: 0px;--bar-width: 32px;position:absolute;top:var(--bar-top);left:var(--center);width:var(--bar-width);height:var(--length);padding:0;border:0;border-radius:15px;background:transparent center bottom/100% 100% no-repeat;color:var(--text-on-metal);cursor:pointer;filter:drop-shadow(0 5px 5px rgba(47,36,27,.2));transform:translate(-50%);transform-origin:center bottom;transition:transform .12s ease,filter .12s ease}.bar.natural{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2084%20420'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='face'%20x1='7'%20y1='210'%20x2='77'%20y2='210'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%238B6839'/%3e%3cstop%20offset='.18'%20stop-color='%23C8A66C'/%3e%3cstop%20offset='.42'%20stop-color='%23A77D43'/%3e%3cstop%20offset='.7'%20stop-color='%23D3B779'/%3e%3cstop%20offset='1'%20stop-color='%23896536'/%3e%3c/linearGradient%3e%3clinearGradient%20id='sheen'%20x1='42'%20y1='8'%20x2='42'%20y2='412'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23F6E4B8'%20stop-opacity='.2'/%3e%3cstop%20offset='.18'%20stop-color='%23F6E4B8'%20stop-opacity='0'/%3e%3cstop%20offset='.82'%20stop-color='%233F2E1D'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%233F2E1D'%20stop-opacity='.18'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='7'%20y='8'%20width='70'%20height='404'%20rx='10'%20fill='url(%23face)'%20stroke='%2370512B'%20stroke-width='1.5'/%3e%3crect%20x='8.5'%20y='9.5'%20width='67'%20height='401'%20rx='9'%20fill='url(%23sheen)'/%3e%3cg%20fill='none'%20stroke='%23F4DFAD'%20stroke-linecap='round'%20opacity='.13'%3e%3cpath%20d='M14%20112h56'/%3e%3cpath%20d='M14%20207h56'/%3e%3cpath%20d='M14%20302h56'/%3e%3c/g%3e%3c/svg%3e");color:#3b3023;z-index:1}.bar.accidental{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2072%20360'%20preserveAspectRatio='none'%3e%3cdefs%3e%3clinearGradient%20id='face'%20x1='6'%20y1='180'%20x2='66'%20y2='180'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%233F342B'/%3e%3cstop%20offset='.2'%20stop-color='%2371583F'/%3e%3cstop%20offset='.46'%20stop-color='%23514036'/%3e%3cstop%20offset='.72'%20stop-color='%23806447'/%3e%3cstop%20offset='1'%20stop-color='%23392F28'/%3e%3c/linearGradient%3e%3clinearGradient%20id='sheen'%20x1='36'%20y1='8'%20x2='36'%20y2='352'%20gradientUnits='userSpaceOnUse'%3e%3cstop%20stop-color='%23D5B98D'%20stop-opacity='.16'/%3e%3cstop%20offset='.2'%20stop-color='%23D5B98D'%20stop-opacity='0'/%3e%3cstop%20offset='.82'%20stop-color='%2317120F'%20stop-opacity='0'/%3e%3cstop%20offset='1'%20stop-color='%2317120F'%20stop-opacity='.24'/%3e%3c/linearGradient%3e%3c/defs%3e%3crect%20x='6'%20y='8'%20width='60'%20height='344'%20rx='9'%20fill='url(%23face)'%20stroke='%232D2520'%20stroke-width='1.5'/%3e%3crect%20x='7.5'%20y='9.5'%20width='57'%20height='341'%20rx='8'%20fill='url(%23sheen)'/%3e%3cg%20fill='none'%20stroke='%23E0C49B'%20stroke-linecap='round'%20opacity='.1'%3e%3cpath%20d='M12%20101h48'/%3e%3cpath%20d='M12%20184h48'/%3e%3cpath%20d='M12%20267h48'/%3e%3c/g%3e%3c/svg%3e");color:#f4eadc;z-index:2}.bar-mount{position:absolute;left:50%;top:var(--mount-upper);width:8px;height:8px;border:1px solid rgba(59,50,38,.92);border-radius:50%;background:radial-gradient(circle at 38% 34%,rgba(255,247,226,.78) 0 8%,transparent 10%),radial-gradient(circle,#4d4942 0 20%,#cfc09d 23% 62%,#69543a 65% 100%);box-shadow:0 1px 1px #271f1847;pointer-events:none;transform:translate(-50%,-50%)}.bar-mount[data-mount-position=lower]{top:var(--mount-lower)}.bar.accidental .bar-mount{border-color:#1f1c19f5;background:radial-gradient(circle at 38% 34%,rgba(247,238,220,.68) 0 8%,transparent 10%),radial-gradient(circle,#343536 0 20%,#a59273 23% 62%,#2c2824 65% 100%)}.bar.is-active{transform:translate(-50%) translateY(-1px) scale(1.004);filter:drop-shadow(0 6px 7px rgba(47,36,27,.22)) brightness(1.1) saturate(1.06)}.bar:active{transform:translate(-50%) translateY(1px) scale(.995);filter:drop-shadow(0 2px 3px rgba(47,36,27,.16)) brightness(.98)}.bar-note,.bar-key{position:absolute;left:10%;right:10%;text-align:center;text-shadow:0 2px 6px rgba(39,10,2,.24)}.bar.natural .bar-note,.bar.natural .bar-key{text-shadow:0 1px 0 rgba(255,244,216,.38)}.bar.accidental .bar-note,.bar.accidental .bar-key{text-shadow:0 1px 3px rgba(18,13,10,.56)}.bar-note{bottom:50%;font-family:var(--font-display);font-size:clamp(.95rem,1.15vw,1.12rem);font-weight:700;letter-spacing:.05em}.bar.accidental .bar-note{bottom:48%}.bar-key{bottom:38%;color:#3a2d1fb8;font-size:var(--type-xs);letter-spacing:.12em;text-transform:uppercase}.bar.accidental .bar-key{bottom:34%;color:#f4eadbb8}.mallet{--mallet-original-width: clamp(136px, 14vw, 156px);--mallet-original-height: clamp(32.381px, 3.333vw, 37.143px);position:absolute;top:calc(100% - var(--mallet-original-height) + 1px);right:3%;width:calc(var(--mallet-original-width) + var(--mallet-original-width));height:calc(var(--mallet-original-height) + var(--mallet-original-height));opacity:1;pointer-events:none;filter:drop-shadow(0 3px 4px rgba(55,43,32,.16));z-index:8}.keyboard-panel{position:relative;border-top:1px solid var(--border-keyboard);background:var(--surface-keyboard);padding:var(--space-sm) var(--space-3xl) var(--space-lg)}.keyboard{position:relative;height:92px;margin:0 auto;--keyboard-white-unit: calc(100% / var(--keyboard-white-count, 15))}.piano-key{position:absolute;border:0;padding:0;cursor:pointer}.piano-key.white{top:0;width:var(--keyboard-white-unit);height:84px;border-radius:0 0 5px 5px;background:linear-gradient(180deg,#f8f6f1,#ebe6dd 76%,#d8d0c4);box-shadow:inset -1px 0 #483d3224,inset 0 -3px 5px #483d3214}.piano-key.black{z-index:2;top:0;width:calc(var(--keyboard-white-unit) * .56);height:52px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#625950,#46403a);box-shadow:inset 0 1px #fff8ee14,0 2px 3px #231d1824}.piano-key.is-silent{cursor:default}.piano-key.white.is-silent{background:linear-gradient(180deg,#d8d4cd,#c4bfb6);box-shadow:inset -1px 0 #483d323d,inset 0 -3px 5px #483d3214}.piano-key.black.is-silent{background:linear-gradient(180deg,#9c978f,#837e77);box-shadow:none}.piano-key.is-silent .piano-note{color:#453b3061}.piano-key.is-active{filter:brightness(1.04) saturate(1.04)}.piano-key.white.is-active{background:linear-gradient(180deg,#f5ebd9,#ead8bb 76%,#cdb58f)}.piano-key.black.is-active{background:linear-gradient(180deg,#806a50,#554638)}.piano-note{position:absolute;bottom:var(--space-xs);left:50%;transform:translate(-50%);color:#453b3070;font-size:.7rem;letter-spacing:.06em}.piano-key.black .piano-note{color:#f8f2ea94}@media(max-width:1080px){.instrument-card{margin-top:var(--space-sm)}.instrument-main{padding-top:var(--space-xs);padding-bottom:var(--space-2xs)}.keyboard-panel{padding-top:var(--space-2xs)}.instrument-stage{min-height:430px}}@media(max-width:760px){.studio-shell{width:min(100vw - 8px,100%);padding:var(--space-2xs) 0 var(--space-sm)}.studio-topbar{border-radius:var(--radius-group)}.instrument-card{margin-top:var(--space-xs);border-radius:var(--radius-group)}.control-deck{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-xs);padding:var(--space-xs)}.deck-field{grid-column:1 / -1;gap:2px}.deck-field label{font-size:.9rem;line-height:1}.deck-field select{padding:4px 7px;font-size:.78rem}.control-deck .dial-control{justify-self:center;gap:2px}.control-deck .dial-label{font-size:.9rem;line-height:1}.control-deck .dial-assembly-small{width:52px;height:52px}.control-deck .dial-control output{font-size:.78rem}.control-deck-status{grid-column:auto;align-self:stretch;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-control)}.status-panel{font-size:.75rem;line-height:1.25}.control-deck-status{grid-column:1 / -1;align-content:start;gap:2px;min-height:0}.status-label{font-size:.7rem}.playfield-viewport{width:min(var(--playfield-viewport-width),100%);max-width:100%;margin-inline:auto;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;touch-action:pan-x pan-y;scrollbar-gutter:stable}.playfield-track{width:calc(var(--playfield-total-white-units) * var(--playfield-white-unit))}.instrument-main{width:calc(var(--playfield-rack-white-units) * var(--playfield-white-unit));margin-left:calc(var(--playfield-rack-offset-white-units) * var(--playfield-white-unit));padding:var(--space-2xs) 0}.instrument-stage{min-height:350px}.rack-wrap{padding:0}.rack{min-height:340px;border-radius:var(--radius-group)}.rack:before{inset:20px 10px 14px}.rack:after{inset:58px 28px 48px}.note-lane-sharps{top:32px}.note-lane-naturals{top:132px}.note-lane{left:0;right:0}.playfield-viewport .bar{width:var(--playfield-white-unit);aspect-ratio:auto;background-size:var(--bar-width) 100%;touch-action:pan-x pan-y}.bar-note{font-size:.76rem}.bar-key{font-size:.65rem}.mallet{top:auto;right:1%;bottom:-10px;width:84px;height:auto}.keyboard-panel{overflow:visible;padding-top:var(--space-2xs);padding-right:0;padding-bottom:var(--space-xs);padding-left:0}.keyboard{width:100%;min-width:0;height:62px}.playfield-viewport .piano-key{touch-action:pan-x pan-y}.playfield-viewport .piano-key.black{width:var(--playfield-white-unit);height:44px;background:transparent;box-shadow:none}.playfield-viewport .piano-key.black:before{content:"";position:absolute;inset:0 22% 10px;border-radius:0 0 4px 4px;background:linear-gradient(180deg,#625950,#46403a);box-shadow:inset 0 1px #fff8ee14,0 2px 3px #231d1824}.playfield-viewport .piano-key.black.is-silent:before{background:linear-gradient(180deg,#9c978f,#837e77);box-shadow:none}.playfield-viewport .piano-key.black.is-active{background:transparent}.playfield-viewport .piano-key.black.is-active:before{background:linear-gradient(180deg,#806a50,#554638)}.playfield-viewport .piano-key.white{height:56px}.piano-note{bottom:var(--space-2xs);font-size:.62rem}}.topbar-controls{display:flex;align-items:center;gap:var(--space-lg);min-width:0}.tab-bar{display:flex;gap:2px;align-items:center;padding:3px;border:1px solid rgba(255,244,227,.16);border-radius:var(--radius-button);background:#1d151061;box-shadow:inset 0 1px 2px #100a072e}.tab{display:inline-flex;align-items:center;min-height:32px;padding:0 var(--space-lg);border:1px solid transparent;border-radius:7px;background:transparent;color:#f9f1e4c7;font-family:var(--font-display);font-size:.84rem;letter-spacing:.05em;text-decoration:none;text-transform:uppercase}.tab[aria-current=page]{border-color:#ffffff42;background:var(--tab-active-fill);box-shadow:inset 0 1px #ffffff9e,0 1px 3px #110b0833;color:var(--ink-on-bright)}.theme-switch{display:flex;gap:2px;align-items:center;min-width:0;margin:0;padding:3px;border:1px solid rgba(255,244,227,.16);border-radius:var(--radius-button);background:#1d151061;box-shadow:inset 0 1px 2px #100a072e}.theme-option{position:relative;display:flex}.theme-option input{position:absolute;z-index:1;inset:0;margin:0;opacity:0;cursor:pointer}.theme-option label{display:inline-flex;align-items:center;min-height:26px;padding:0 var(--space-md);border:1px solid transparent;border-radius:7px;color:#f9f1e4c7;cursor:pointer;font-family:var(--font-display);font-size:.74rem;letter-spacing:.05em;text-transform:uppercase}.theme-option input:checked+label{border-color:#ffffff42;background:var(--tab-active-fill);box-shadow:inset 0 1px #ffffff9e,0 1px 3px #110b0833;color:var(--ink-on-bright)}.tab:focus-visible,.theme-option input:focus-visible+label,.cost-chart-range-option input:focus-visible+label,.bar:focus-visible,.piano-key:focus-visible,.dial-input:focus-visible+.dial-face,.optimize-panel a:focus-visible,.deck-field select:focus-visible,.fit-field input:focus-visible,.fit-field select:focus-visible,.fit-check input:focus-visible,.fit-advanced summary:focus-visible,.fit-inline-button:focus-visible,.fit-button:focus-visible,.run-list-row:focus-visible{outline:3px solid var(--focus);outline-offset:2px}.dial-input:focus-visible+.dial-face{outline-offset:4px}.bar,.piano-key{touch-action:manipulation;-webkit-user-select:none;user-select:none}.optimize-panel{margin-top:var(--space-xl);padding:var(--space-4xl) 22px var(--space-5xl);border:2px solid var(--surface-border-strong);border-radius:var(--radius-panel);background:var(--parchment-material);box-shadow:var(--shadow-panel)}.optimize-header h2{margin:0;color:var(--charcoal);font-family:var(--font-display);font-size:clamp(1.4rem,2.4vw,2rem);letter-spacing:.05em;text-transform:uppercase}.optimize-heading-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md) var(--space-2xl)}.optimize-api-status{display:inline-flex;align-items:center;gap:var(--space-sm);min-height:30px;padding:var(--space-xs) var(--space-lg);border:1px solid var(--surface-border);border-radius:var(--radius-pill);background:var(--pill-fill);color:var(--charcoal-muted);font-size:var(--type-sm);font-weight:600;letter-spacing:.025em}.optimize-api-status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--state-idle);box-shadow:0 0 0 3px #a67b4324}.optimize-api-status[data-state=available]:before{background:var(--state-ready);box-shadow:0 0 0 3px #47735924}.optimize-api-status[data-state=unavailable]:before{background:var(--error-strong);box-shadow:0 0 0 3px #8c2f161f}.optimize-lead,.optimize-placeholder{margin:var(--space-sm) 0 0;max-width:62ch;color:var(--charcoal-muted);line-height:1.5}.optimize-command{overflow-x:auto;margin:var(--space-lg) 0 0;padding:var(--space-lg) var(--space-xl);border:1px solid var(--surface-border);border-radius:var(--radius-button);background:#40260f;color:#fdf0dd;font-size:var(--type-caption)}.optimize-availability,.optimize-status{margin-top:var(--space-2xs)}.optimize-workspace{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);align-items:start;gap:var(--space-3xl);margin-top:var(--space-3xl)}.optimize-workspace>.fit-form,.optimize-workspace>.fit-progress{min-width:0;margin-top:0}.run-list{margin-top:var(--space-3xl);padding:var(--space-2xl);border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill)}.run-list h3{margin:0 0 var(--space-md);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.run-list-table{overflow-x:auto}.run-list-head,.run-list-row{display:grid;grid-template-columns:minmax(90px,.9fr) minmax(90px,.9fr) minmax(90px,.9fr) minmax(80px,.8fr) minmax(50px,.5fr) minmax(90px,.9fr);gap:var(--space-sm) var(--space-lg);align-items:center;min-width:520px}.run-list-head{padding:0 var(--space-md) var(--space-2xs);color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.run-list-body{display:flex;flex-direction:column;gap:2px}.run-list-row{padding:var(--space-sm) var(--space-md);border:1px solid transparent;border-radius:var(--radius-button);background:none;color:var(--charcoal);cursor:pointer;font:inherit;text-align:left}.run-list-row:hover{background:var(--panel-fill-soft)}.run-list-row[aria-current=true]{border-color:var(--copper-accent);background:var(--panel-fill-strong)}.run-list-cell{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums}.run-list-numeric{font-variant-numeric:tabular-nums}.run-list-state{font-weight:600}.run-list-row[data-state=running] .run-list-state{color:var(--state-ready)}.run-list-row[data-state=queued] .run-list-state{color:var(--charcoal-muted)}.run-list-row[data-state=failed] .run-list-state{color:var(--error-strong)}.run-list-row[data-state=canceled] .run-list-state{color:var(--charcoal-muted)}.run-list-origin{margin-left:var(--space-2xs);color:var(--charcoal-muted);font-size:.76rem;font-weight:400;letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-form{display:flex;flex-direction:column;gap:var(--space-2xl);margin-top:var(--space-3xl)}.fit-group{margin:0;padding:var(--space-lg) var(--space-2xl) var(--space-2xl);border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill)}.fit-group legend{display:inline-flex;align-items:center;gap:var(--space-sm);padding:0 var(--space-xs);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-label);letter-spacing:var(--tracking-wide);text-transform:uppercase}.fit-step-number{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--structural-wood-border);border-radius:50%;background:var(--brass-material);color:var(--ink-on-bright);font-size:.78rem;line-height:1}.fit-row{display:flex;flex-wrap:wrap;gap:var(--space-xl)}.fit-row>.fit-field{flex:1 1 180px}.fit-field{display:flex;flex-direction:column;gap:var(--space-2xs);margin-top:var(--space-md)}.fit-field>label{color:var(--charcoal);font-size:var(--type-caption);font-weight:600}.fit-field input,.fit-field select{padding:7px 9px;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--input-surface);color:var(--charcoal);font:inherit;font-size:var(--type-control)}.fit-field input[aria-invalid=true]{border-color:var(--error-border)}.fit-hint{margin:0;color:var(--charcoal-muted);font-size:var(--type-sm);line-height:1.4}.fit-inline-button{padding:0;border:0;background:none;color:var(--copper-accent);cursor:pointer;font:inherit;text-decoration:underline}.fit-field-error,.fit-form-error{margin:0;color:var(--error-text);font-size:.82rem;font-weight:600}.fit-notice{margin:0;color:var(--charcoal-muted);font-size:.85rem}.fit-checks{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-4xl);margin-top:var(--space-md)}.fit-check{display:flex;align-items:center;gap:var(--space-sm)}.fit-check label{color:var(--charcoal);font-size:var(--type-caption)}.fit-advanced{margin-top:var(--space-xl);border:1px solid var(--surface-border);border-radius:var(--radius-control);background:var(--panel-fill-soft)}.fit-advanced summary{display:flex;align-items:center;gap:var(--space-sm);min-height:42px;padding:var(--space-sm) var(--space-lg);color:var(--charcoal);cursor:pointer;font-size:var(--type-caption);font-weight:700;list-style:none}.fit-advanced summary::-webkit-details-marker{display:none}.fit-advanced summary:before{content:"+";display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--chip-fill);color:var(--charcoal-muted);font-size:1rem;line-height:1}.fit-advanced[open] summary:before{content:"−"}.fit-advanced-body{padding:0 var(--space-lg) var(--space-xl);border-top:1px solid var(--surface-border)}.fit-advanced-section{margin-top:var(--space-2xl)}.fit-advanced-section h3{margin:0 0 var(--space-sm);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-caption);letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-advanced-section>.fit-hint{margin-top:var(--space-sm)}.fit-bounds-row{align-items:flex-end;margin-top:var(--space-xs)}.fit-bounds-label{flex:1 1 100%;color:var(--charcoal);font-size:.85rem;font-weight:600}.fit-actions{display:flex;flex-wrap:wrap;gap:var(--space-lg)}.fit-job-control{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-lg);padding:var(--space-lg);border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill-mid)}.fit-job-state{margin:0;color:var(--charcoal);font-size:var(--type-caption);font-weight:700;font-variant-numeric:tabular-nums}.fit-job-origin{margin:var(--space-xs) 0 0;max-width:62ch;color:var(--charcoal-muted);font-size:var(--type-caption)}.fit-button{padding:var(--space-md) var(--space-4xl);border:1px solid var(--surface-border-strong);border-radius:var(--radius-button);background:var(--button-face);color:var(--ink-on-bright);cursor:pointer;font-family:var(--font-display);font-size:.98rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-button-secondary{background:var(--button-face-secondary)}.fit-button[disabled]{cursor:not-allowed;opacity:.55}.fit-messages{display:flex;flex-direction:column;gap:var(--space-xs)}.visually-hidden{position:absolute;overflow:hidden;clip-path:inset(50%);margin:-1px;width:1px;height:1px;white-space:nowrap}.fit-progress{display:grid;gap:var(--space-2xl);margin-top:var(--space-3xl);padding:var(--space-2xl);border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill)}.fit-results-header h2{margin:0;color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-results-empty,.fit-chart-waiting{display:grid;place-items:center;min-height:180px;padding:var(--space-3xl);border:1px dashed var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill-faint);color:var(--charcoal-muted);text-align:center}.fit-results-empty p,.fit-chart-waiting{margin:0;line-height:1.5}.fit-chart-waiting{min-height:280px}.cost-chart-range{display:flex;gap:var(--space-sm);align-items:center;margin:0 0 var(--space-sm);padding:0;border:0}.cost-chart-range legend{padding:0;float:left;color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);line-height:24px;text-transform:uppercase}.cost-chart-range legend+*{margin-left:var(--space-sm)}.cost-chart-range-option{position:relative;display:flex}.cost-chart-range-option input{position:absolute;z-index:1;inset:0;margin:0;opacity:0;cursor:pointer}.cost-chart-range-option label{display:inline-flex;align-items:center;min-height:24px;padding:0 var(--space-sm);border:1px solid var(--surface-border);border-radius:var(--radius-button);background:var(--panel-fill-strong);color:var(--charcoal-muted);cursor:pointer;font-family:var(--font-display);font-size:.72rem;letter-spacing:.05em;text-transform:uppercase}.cost-chart-range-option input:checked+label{border-color:var(--copper-accent);color:var(--charcoal)}.cost-chart-canvas{position:relative;padding:var(--space-md) var(--space-lg);height:280px;border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill-strong)}.cost-chart-compare{display:flex;flex-direction:column;gap:var(--space-xs);margin:0 0 var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--surface-border);border-radius:var(--radius-group)}.cost-chart-compare legend{padding:0 var(--space-2xs);color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.cost-chart-compare-list{display:flex;flex-wrap:wrap;gap:var(--space-sm) var(--space-md)}.cost-chart-compare-option{display:flex;align-items:center;gap:var(--space-2xs)}.cost-chart-compare-option label{color:var(--charcoal);font-size:.86rem}.cost-chart-compare-option input:disabled+label{color:var(--charcoal-muted)}.fit-parameters{margin-top:var(--space-2xl)}.fit-parameters h3{margin:0 0 var(--space-sm);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.param-table{width:100%;margin:0 0 var(--space-lg);border-collapse:collapse;font-variant-numeric:tabular-nums}.param-table th,.param-table td{padding:var(--space-2xs) var(--space-sm);border-bottom:1px solid var(--surface-border);text-align:left}.param-table thead th{color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.param-table tbody th{font-weight:600}.param-cell[data-pinned=true]{border:1px dashed var(--copper-accent);border-bottom:1px dashed var(--copper-accent);background:var(--panel-fill-soft)}.param-pin-badge{display:inline-block;margin-left:var(--space-2xs);padding:0 var(--space-2xs);border:1px solid var(--copper-accent);border-radius:var(--radius-button);color:var(--copper-accent);font-size:.68rem;letter-spacing:.04em;text-transform:uppercase}.term-bars{margin-top:var(--space-2xl)}.term-bars h3{margin:0 0 var(--space-sm);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.term-bar-list{display:grid;gap:var(--space-xs);margin:0;padding:0;list-style:none}.term-bar-row{display:grid;grid-template-columns:minmax(120px,.9fr) minmax(80px,1fr) auto;gap:var(--space-sm);align-items:center}.term-bar-row-raw{grid-template-columns:minmax(120px,.9fr) auto}.term-bar-label{color:var(--charcoal);font-size:.86rem}.term-bar-track{overflow:hidden;height:10px;border:1px solid var(--surface-border);border-radius:var(--radius-button);background:var(--panel-fill-strong)}.term-bar-fill{display:block;height:100%;background:var(--copper-accent)}.term-bar-fill[data-measured=false]{background:none}.term-bar-value{color:var(--charcoal-muted);font-size:.8rem;font-variant-numeric:tabular-nums;white-space:nowrap}.fit-status h3,.optimize-audition h3{margin:0 0 var(--space-sm);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-status-grid{display:grid;margin:0;gap:var(--space-sm) var(--space-3xl);grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.fit-status-grid dt{color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-status-grid dd{margin:2px 0 0;color:var(--charcoal);font-variant-numeric:tabular-nums}.fit-status-grid dd[data-state=failed]{color:var(--error-strong)}.fit-status-error{margin:10px 0 0;color:var(--error-strong)}.optimize-note{margin:var(--space-xs) 0 0;max-width:62ch;color:var(--charcoal-muted);font-size:var(--type-caption);line-height:1.5}.audition-controls{display:flex;flex-wrap:wrap;align-items:flex-end;margin-top:var(--space-md);gap:var(--space-lg)}.audition-field{display:grid;color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase;gap:var(--space-2xs)}.audition-field input{padding:6px 8px;width:8ch;border:1px solid var(--input-border);border-radius:var(--radius-control);background:var(--input-surface-soft);color:var(--charcoal);font:inherit;font-size:var(--type-control);text-transform:none}.audition-controls button,.audition-download{padding:var(--space-sm) var(--space-xl);border:1px solid var(--structural-wood-border);border-radius:var(--radius-button);background:var(--brass-material);color:var(--ink-on-bright);font:inherit;font-size:var(--type-body);text-decoration:none;cursor:pointer}.audition-controls button[disabled]{opacity:.55;cursor:not-allowed}.audition-player{margin-top:var(--space-lg);width:100%;max-width:520px}.audition-ab{display:flex;flex-wrap:wrap;align-items:center;margin:var(--space-md) 0 0;padding:0;border:0;gap:var(--space-sm)}.audition-ab legend{padding:0;color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.audition-ab-option{position:relative;display:flex;align-items:center;gap:var(--space-2xs)}.audition-ab-option input{margin:0;cursor:pointer}.audition-ab-option label{color:var(--charcoal-muted);cursor:pointer}.audition-ab-option input:checked+label{color:var(--charcoal)}.fit-comparison{margin-top:var(--space-2xl);padding-top:var(--space-2xl);border-top:1px solid var(--surface-border)}.fit-comparison h3{margin:0 0 var(--space-sm);color:var(--charcoal);font-family:var(--font-display);font-size:var(--type-title-sm);letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-comparison h4{margin:0 0 var(--space-2xs);color:var(--charcoal-muted);font-size:.76rem;letter-spacing:var(--tracking-label);text-transform:uppercase}.fit-comparison-columns{display:grid;margin-top:var(--space-md);gap:var(--space-lg);grid-template-columns:1fr 1fr}.fit-comparison-side{display:grid;gap:var(--space-2xs)}.fit-comparison-canvas{width:100%;height:auto;border:1px solid var(--surface-border);border-radius:var(--radius-group);background:var(--panel-fill-strong)}@media(max-width:640px){.fit-comparison-columns{grid-template-columns:1fr}}.audition-controls button:focus-visible,.audition-field input:focus-visible,.audition-download:focus-visible,.audition-player:focus-visible,.audition-ab-option input:focus-visible+label{outline:3px solid var(--focus);outline-offset:2px}@media(max-width:980px){.optimize-workspace{grid-template-columns:1fr}}@media(max-width:760px){.studio-topbar{flex-wrap:wrap;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm)}.brand{gap:var(--space-xs)}.brand-mark{width:30px;height:30px}.brand-kicker{margin-bottom:1px;font-size:.52rem;line-height:1}h1{font-size:1.08rem;line-height:1.05}.topbar-controls{flex:1 1 100%;gap:var(--space-xs)}.tab-bar{flex:1 1 auto;min-width:0;padding:2px}.tab{flex:1;justify-content:center;min-height:44px;font-size:.76rem}.theme-switch{padding:2px}.theme-option label{justify-content:center;min-height:44px;padding:0 var(--space-sm);font-size:.68rem}.fit-field input,.fit-field select,.fit-advanced summary,.fit-button,.audition-field input,.audition-controls button,.audition-download,.run-list-row{min-height:44px}.fit-group,.fit-row,.fit-field{min-width:0}.fit-row>.fit-field{flex-basis:100%}.fit-field input,.fit-field select{width:100%;max-width:100%}.fit-check{min-height:44px}.fit-check label{display:flex;align-items:center;min-height:44px}.fit-job-control,.fit-actions{align-items:stretch}.fit-job-control{flex-direction:column}.fit-actions>.fit-button{flex:1 1 140px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}