:root,:root[data-theme=neon-noir]{color-scheme:dark;--theme-bg: #000;--theme-surface-base: #040404;--theme-surface-strong: #090909;--theme-panel-top: rgba(10, 10, 10, .94);--theme-panel-bottom: rgba(4, 4, 4, .98);--theme-panel-soft-top: rgba(255, 255, 255, .016);--theme-panel-soft-bottom: rgba(255, 255, 255, .005);--theme-border-subtle: rgba(255, 255, 255, .12);--theme-border: rgba(255, 255, 255, .2);--theme-border-strong: rgba(255, 255, 255, .32);--theme-text-primary: rgba(242, 245, 248, .95);--theme-text-muted: rgba(176, 182, 190, .76);--theme-text-soft: rgba(143, 151, 162, .62);--theme-accent-rgb: 62, 207, 142;--theme-accent-alt-rgb: 95, 169, 255;--theme-accent: rgb(var(--theme-accent-rgb));--theme-accent-alt: rgb(var(--theme-accent-alt-rgb));--theme-control-bg: linear-gradient(180deg, rgba(13, 13, 13, .98), rgba(6, 6, 6, .99));--theme-card-bg: linear-gradient(180deg, var(--theme-panel-top), var(--theme-panel-bottom));--theme-card-bg-soft: linear-gradient(180deg, var(--theme-panel-soft-top), var(--theme-panel-soft-bottom));--theme-focus: 0 0 0 3px rgba(var(--theme-accent-rgb), .25);--theme-timeline-intro: rgba(255, 255, 255, .03);--theme-timeline-groove: rgba(var(--theme-accent-rgb), .08);--theme-timeline-break: rgba(var(--theme-accent-alt-rgb), .08);--theme-timeline-drop: rgba(var(--theme-accent-rgb), .16);--theme-timeline-outro: rgba(255, 255, 255, .02);--theme-timeline-custom: rgba(255, 255, 255, .07);--bg-0: var(--theme-bg);--bg-1: var(--theme-bg);--surface-0: var(--theme-surface-base);--surface-1: var(--theme-surface-strong);--text-primary: var(--theme-text-primary);--text-muted: var(--theme-text-muted);--text-soft: var(--theme-text-soft);--border: var(--theme-border-subtle);--border-strong: var(--theme-border);--accent: var(--theme-accent);--mute-accent: #a6adb8;--solo-accent: #d6ae52;--space-xs: 6px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--ui-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "SF Pro Text", "Inter", "Helvetica Neue", sans-serif;--ui-font-size: 12px;--control-bg: var(--theme-control-bg);--control-border: var(--theme-border);--control-border-hover: var(--theme-border-strong);--focus: var(--theme-focus);--radius: 12px;--shadow-soft: 0 10px 28px rgba(0, 0, 0, .3)}:root[data-theme=ice-blue]{--theme-accent-rgb: 95, 169, 255;--theme-accent-alt-rgb: 62, 207, 142}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{font-family:var(--ui-font-family);letter-spacing:-.01em;background:var(--theme-bg);color:var(--text-primary)}button,input,select{font:inherit;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline:none;box-shadow:var(--focus)}.app-shell{max-width:1180px;margin:0 auto;padding:24px 24px 42px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:20px}.brand{display:grid;gap:8px}.brand-wordmark{display:inline-grid;grid-template-columns:auto auto;align-items:center;gap:14px}.brand-bars{display:grid;gap:6px;padding:2px 0}.brand-bar{width:58px;height:18px;border-radius:6px;border:1px solid rgba(22,46,61,.92);box-shadow:inset 0 1px #ffffff14}.brand-bar-red{background:linear-gradient(180deg,#ff685dfa,#ff5246fa)}.brand-bar-yellow{background:linear-gradient(180deg,#ffdf7cfa,#ffd460fa)}.brand-bar-green{background:linear-gradient(180deg,#58ffc9fa,#1effb8fa)}.brand-title{display:inline-block;margin:0;font-size:84px;font-weight:820;line-height:.92;letter-spacing:-.04em;background:linear-gradient(180deg,#fffffffa,#cbdce8db);-webkit-background-clip:text;background-clip:text;color:transparent}.brand p{margin:0;color:var(--text-muted);font-size:14px;letter-spacing:.18em;text-transform:uppercase}.brand .brand-title{font-size:84px!important;line-height:.92!important;font-weight:820!important;letter-spacing:-.04em!important}.brand>p{font-size:13px!important;letter-spacing:.18em!important}.action-row{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.export-status-stack{flex:1 0 100%;display:grid;gap:4px}.export-status-line{color:var(--text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seed-button{letter-spacing:0}.btn{display:inline-flex;align-items:center;gap:7px;border-radius:12px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-muted);padding:9px 12px;font-size:13px;line-height:1;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease;cursor:pointer}.btn:hover{border-color:var(--control-border-hover);color:var(--text-primary);box-shadow:0 0 0 1px rgba(var(--theme-accent-rgb),.14)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.62;cursor:default}.spinner{width:12px;height:12px;border-radius:999px;border:2px solid rgba(255,255,255,.25);border-top-color:rgba(var(--theme-accent-rgb),.95);animation:spin .65s linear infinite}.btn-primary{border-color:rgba(var(--theme-accent-rgb),.66);background:linear-gradient(180deg,rgba(var(--theme-accent-rgb),.22),rgba(var(--theme-accent-rgb),.08));color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(var(--theme-accent-rgb),.2)}.btn-secondary{background:var(--control-bg)}.layout-grid{display:block}.panel-now{min-width:0}.now-stack{display:grid;gap:20px}.tone-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.controls-stack,.pattern-stack{display:grid;gap:20px}.card{border:1px solid var(--theme-border-subtle);background:var(--theme-card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow-soft)}.card-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:16px}.card-head h3{margin:0;font-size:12px;color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase}.card-head p{margin:0;font-size:12px;color:var(--text-muted)}.studio-section-card{padding:20px}.studio-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px;position:relative;min-height:20px}.studio-section-head h3,.studio-core-head h3{margin:0;font-size:12px;color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;position:absolute;left:50%;transform:translate(-50%);text-align:center;width:max-content;pointer-events:none}.studio-section-tools{position:absolute;top:0;right:0;display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.preset-pill-row{display:flex;flex-wrap:wrap;gap:8px}.preset-pill{border:1px solid var(--control-border);border-radius:999px;background:var(--control-bg);color:var(--text-muted);font-size:12px;font-weight:620;padding:8px 14px;letter-spacing:.01em;cursor:pointer;white-space:nowrap;opacity:.86;transition:none}.preset-pill:hover:not(:disabled):not(.active){border-color:var(--control-border-hover);color:#eff5fcf5;opacity:.82}.preset-pill.active{border-color:rgba(var(--theme-accent-rgb),.94);color:var(--text-primary);opacity:1;box-shadow:inset 0 0 0 1px rgba(var(--theme-accent-rgb),.26),0 0 16px rgba(var(--theme-accent-rgb),.2)}.preset-pill:active:not(:disabled){transform:translateY(1px)}.preset-pill:disabled{opacity:.52;cursor:default}.drum-layout-field{padding:12px;border:1px solid var(--control-border);border-radius:10px;background:var(--theme-card-bg)}.drum-layout-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.drum-layout-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft)}.drum-layout-play-toggle{width:24px;height:24px;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);padding:0;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:.64}.drum-layout-play-toggle:hover:not(:disabled),.drum-layout-play-toggle.active{border-color:#3ecf8edb;box-shadow:0 0 0 1px #3ecf8e29,0 0 10px #3ecf8e24;opacity:1}.drum-layout-play-toggle:disabled{opacity:.42;cursor:default}.drum-layout-play-icon{position:relative;display:block;width:12px;height:12px}.drum-layout-play-icon.play:before{content:"";position:absolute;top:0;left:2px;width:0;height:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:8px solid rgba(62,207,142,.92)}.drum-layout-play-icon.pause:before,.drum-layout-play-icon.pause:after{content:"";position:absolute;top:1px;width:3px;height:10px;border-radius:2px;background:#3ecf8eeb}.drum-layout-play-icon.pause:before{left:1px}.drum-layout-play-icon.pause:after{right:1px}.drum-layout-mini{display:grid;gap:10px}.drum-layout-mini.inactive{opacity:.56}.drum-layout-mini-row{--lane-label-color: var(--text-muted);--lane-step-border: var(--control-border);--lane-step-bg: var(--control-bg);--beat-ground-a: rgba(62, 207, 142, .1);--beat-ground-b: rgba(var(--theme-accent-alt-rgb), .1);--lane-beat-ring: rgba(var(--theme-accent-alt-rgb), .16);--lane-hover-border: var(--control-border-hover);--active-a-border: rgba(62, 207, 142, .84);--active-a-bg-top: rgba(62, 207, 142, .32);--active-a-bg-bottom: rgba(25, 88, 65, .44);--active-a-halo: rgba(62, 207, 142, .2);--active-a-glow: rgba(62, 207, 142, .18);--active-b-border: rgba(var(--theme-accent-alt-rgb), .78);--active-b-bg-top: rgba(var(--theme-accent-alt-rgb), .34);--active-b-bg-bottom: rgba(var(--theme-accent-alt-rgb), .2);--active-b-halo: rgba(var(--theme-accent-alt-rgb), .4);--active-b-glow: rgba(var(--theme-accent-alt-rgb), .3);display:grid;grid-template-columns:72px minmax(0,1fr);gap:10px;align-items:center}.drum-layout-mini-label{color:var(--lane-label-color);text-transform:uppercase;letter-spacing:.08em;white-space:nowrap}.drum-layout-mini-steps-scroll{min-width:0}.drum-layout-mini-steps{--drum-step-count: 32;--drum-step-gap: 4px;position:relative;display:grid;grid-template-columns:repeat(var(--drum-step-count),minmax(0,1fr));gap:var(--drum-step-gap)}.drum-layout-mini-playhead{position:absolute;top:0;bottom:0;width:1px;transform:none;background:#3ecf8ec2;box-shadow:0 0 0 1px #3ecf8e33,0 0 8px #3ecf8e42;pointer-events:none;z-index:2;opacity:.48}.drum-layout-mini-playhead.active{opacity:.9}.drum-layout-mini-step{position:relative;z-index:1;border:1px solid var(--lane-step-border);border-radius:4px;min-height:18px;padding:0;background:var(--lane-step-bg);overflow:hidden;opacity:.5;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;transition:border-color 90ms ease,background 90ms ease,box-shadow .12s ease,opacity 90ms ease}.drum-layout-mini-step:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:var(--step-ground-color, transparent);pointer-events:none}.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+1),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+2),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+3),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+4){--step-ground-color: var(--beat-ground-a);--step-active-border: var(--active-a-border);--step-active-bg-top: var(--active-a-bg-top);--step-active-bg-bottom: var(--active-a-bg-bottom);--step-active-halo: var(--active-a-halo);--step-active-glow: var(--active-a-glow)}.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+5),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+6),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+7),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+8){--step-ground-color: var(--beat-ground-b);--step-active-border: var(--active-b-border);--step-active-bg-top: var(--active-b-bg-top);--step-active-bg-bottom: var(--active-b-bg-bottom);--step-active-halo: var(--active-b-halo);--step-active-glow: var(--active-b-glow)}.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+9),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+10),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+11),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+12){--step-ground-color: var(--beat-ground-a);--step-active-border: var(--active-a-border);--step-active-bg-top: var(--active-a-bg-top);--step-active-bg-bottom: var(--active-a-bg-bottom);--step-active-halo: var(--active-a-halo);--step-active-glow: var(--active-a-glow)}.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+13),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+14),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+15),.drum-layout-mini-steps>.drum-layout-mini-step:nth-of-type(16n+16){--step-ground-color: var(--beat-ground-b);--step-active-border: var(--active-b-border);--step-active-bg-top: var(--active-b-bg-top);--step-active-bg-bottom: var(--active-b-bg-bottom);--step-active-halo: var(--active-b-halo);--step-active-glow: var(--active-b-glow)}.drum-layout-mini-step.beat{box-shadow:inset 0 0 0 1px var(--lane-beat-ring)}.drum-layout-mini-step:hover:not(:disabled){border-color:var(--lane-hover-border);opacity:.86}.drum-layout-mini-step.active{border-color:var(--step-active-border, var(--active-a-border));background:linear-gradient(180deg,var(--step-active-bg-top, var(--active-a-bg-top)),var(--step-active-bg-bottom, var(--active-a-bg-bottom)));box-shadow:0 0 0 1px var(--step-active-halo, var(--active-a-halo)),0 0 10px var(--step-active-glow, var(--active-a-glow));opacity:1}.drum-layout-mini-step.active:before{opacity:.16}.drum-layout-mini-step.active.beat{box-shadow:inset 0 0 0 1px #fff3,0 0 0 1px var(--step-active-halo, var(--active-a-halo)),0 0 12px var(--step-active-glow, var(--active-a-glow))}.drum-layout-mini-step:disabled{opacity:.42;cursor:default}.studio-core-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.studio-field-wide{grid-column:1 / -1}.studio-bpm-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.studio-bpm-row strong{font-size:13px;color:var(--text-primary);font-weight:600}.studio-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.studio-grid-1{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.track-compact-select{width:200px}.track-volume-inline{width:190px;display:grid;gap:4px}.track-volume-inline span{display:flex;justify-content:space-between;font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--text-soft)}.track-volume-inline em{font-style:normal;color:var(--text-primary);letter-spacing:0;font-size:12px}.track-volume-inline input{width:100%;accent-color:var(--accent)}.card-head-tools{margin-left:auto;display:inline-flex;align-items:center;gap:8px}.mix-toggle-row{display:inline-flex;align-items:center;gap:8px}.mix-toggle{width:18px;height:20px;display:inline-flex;align-items:center;justify-content:center;padding:0;border-radius:0;background:transparent;border:0;font-size:11px;font-weight:700;line-height:1;letter-spacing:.03em;cursor:pointer;opacity:.56;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease,opacity .15s ease,transform .15s ease}.mix-toggle-mute{color:#bcc7d3cc}.mix-toggle-solo{color:#e8d19bd1}.mix-toggle-collapse{width:20px;color:#e1e9f1c7;font-size:0;opacity:1}.mix-toggle-chevron-icon{width:10px;height:10px;display:block}.mix-toggle-chevron-icon path{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.mix-toggle:hover:not(:disabled),.mix-toggle.active{opacity:1;box-shadow:none}.mix-toggle-mute.active{color:#b8c3ce;opacity:1}.mix-toggle-solo.active{color:#f0cd77;opacity:1}.mix-toggle-collapse:hover:not(:disabled),.mix-toggle-collapse.active{color:#e1e9f1c7;opacity:1}.mix-toggle:disabled{opacity:.55;cursor:default}.control-row{display:grid;gap:10px;margin-bottom:18px}.control-label{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft)}.bpm-slider{width:100%;accent-color:var(--accent)}.chip-wrap{display:flex;flex-wrap:wrap;gap:6px}.chip-wrap.dense{gap:5px}.chip{border:1px solid var(--control-border);border-radius:999px;background:var(--control-bg);color:var(--text-muted);padding:8px 12px;font-size:12px;cursor:pointer;opacity:.86;transition:color .15s ease,opacity .15s ease,transform .15s ease;overflow-wrap:anywhere}.chip:hover{border-color:var(--control-border-hover);color:var(--text-primary);opacity:.84}.chip.active{color:var(--text-primary);border-color:rgba(var(--theme-accent-rgb),.84);box-shadow:inset 0 0 0 1px rgba(var(--theme-accent-rgb),.24),0 0 14px rgba(var(--theme-accent-rgb),.16);opacity:1}.grid-two,.grid-three{display:grid;gap:16px;margin-bottom:18px}.grid-two{grid-template-columns:1fr 1fr}.grid-three{grid-template-columns:repeat(3,1fr)}.field{display:grid;gap:12px}.field span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft)}.analog-select{position:relative;width:100%}.analog-select-controls{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:8px;align-items:stretch}.analog-select:not(.has-stepper) .analog-select-controls{grid-template-columns:minmax(0,1fr)}.analog-select-trigger{width:100%;border:1px solid var(--control-border);border-radius:10px;padding:8px 32px 8px 12px;background:var(--control-bg);color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;box-shadow:inset 0 0 0 1px #ffffff08;opacity:.58;cursor:pointer;position:relative;text-align:left;transition:border-color .14s ease,color .14s ease,box-shadow .14s ease,opacity .14s ease}.analog-select-step{width:24px;min-width:24px;border:1px solid var(--control-border);border-radius:8px;padding:0;background:var(--control-bg);position:relative;cursor:pointer;display:grid;place-items:center;opacity:.56;transition:border-color .14s ease,box-shadow .14s ease,opacity .14s ease,transform .14s ease}.analog-select-step:before{content:"";width:8px;height:12px;background-repeat:no-repeat;background-size:8px 12px;filter:drop-shadow(0 0 4px rgba(62,207,142,.36))}.analog-select-step-prev:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%233ecf8e' d='M7 1L1 6l6 5z'/%3E%3C/svg%3E")}.analog-select-step-next:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' viewBox='0 0 8 12'%3E%3Cpath fill='%233ecf8e' d='M1 1l6 5-6 5z'/%3E%3C/svg%3E")}.analog-select-step:hover:not(:disabled),.analog-select-step:focus-visible{border-color:var(--control-border-hover);box-shadow:0 0 0 1px #3ecf8e33;opacity:.9}.analog-select-step:hover:not(:disabled):before,.analog-select-step:focus-visible:before{filter:drop-shadow(0 0 7px rgba(62,207,142,.54))}.analog-select-step:active:not(:disabled){transform:translateY(1px)}.analog-select-step:disabled{opacity:.52;cursor:default}.analog-select-trigger:after{content:"";position:absolute;right:11px;top:50%;transform:translateY(-50%);width:12px;height:7px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7' viewBox='0 0 12 7'%3E%3Cpath fill='%23a6adb8' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:12px 7px;pointer-events:none}.analog-select-trigger:hover:not(:disabled),.analog-select.open .analog-select-trigger{border-color:var(--control-border-hover);color:var(--text-primary);box-shadow:inset 0 0 0 1px #ffffff0a,0 0 0 1px #ffffff1f,0 0 10px rgba(var(--theme-accent-rgb),.12);opacity:.92}.analog-select-trigger:focus-visible{box-shadow:var(--focus),inset 0 0 0 1px #ffffff0a,0 0 0 1px #ffffff1f;opacity:.92}.analog-select-trigger:disabled{opacity:.58;cursor:default;text-shadow:none}.analog-select-value{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.analog-select-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);max-height:230px;overflow-y:auto;padding:4px;border:1px solid var(--control-border-hover);border-radius:10px;background:var(--theme-card-bg);box-shadow:0 8px 24px #00000085,inset 0 0 0 1px rgba(var(--theme-accent-rgb),.12);z-index:30}.analog-select.has-stepper .analog-select-menu{left:28px;right:28px}.analog-select-option{width:100%;border:0;margin:0;padding:7px 8px;border-radius:7px;background:transparent;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:600;letter-spacing:.01em;text-align:left;cursor:pointer}.analog-select-option:hover,.analog-select-option.active{background:#ffffff0f;color:var(--text-primary)}.analog-select-option.selected{background:#3ecf8e2e;color:#f4fffffa}.segmented{display:inline-flex;width:fit-content;border:1px solid var(--control-border);border-radius:10px;overflow:hidden;background:var(--control-bg)}.segmented.wide{width:100%}.seg-btn{background:transparent;border:0;color:var(--text-primary);opacity:.56;padding:8px 10px;min-width:56px;font-size:12px;cursor:pointer;transition:color .15s ease,opacity .15s ease}.seg-btn.active{color:var(--text-primary);background:#3ecf8e2e;opacity:1}.macro-grid{display:grid;gap:8px}.macro-slider{display:grid;gap:4px}.macro-slider span{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.macro-slider em{font-style:normal;color:var(--text-primary)}.macro-slider input{width:100%;accent-color:var(--accent)}.melody-card,.arp-card{border-color:#ffffff1a}.arp-card .card-head{position:relative;min-height:20px}.arp-card .card-head h3{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:max-content;pointer-events:none}.arp-card .card-head .card-head-tools{position:absolute;top:0;right:0;margin-left:0}.melody-card .card-head,.mixer-card .card-head{position:relative;min-height:20px}.melody-card .card-head h3,.mixer-card .card-head h3{position:absolute;left:50%;transform:translate(-50%);text-align:center;width:max-content;pointer-events:none}.melody-card .card-head .card-head-tools,.mixer-card .card-head .card-head-tools{position:absolute;top:0;right:0;margin-left:0}.melody-volume-inline{min-width:188px}.melody-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}.melody-hint{margin:4px 0 10px;color:var(--text-muted);font-size:12px}.melody-effects-grid{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.melody-effect-slider{display:grid;gap:4px}.melody-effect-slider span{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.melody-effect-slider em{font-style:normal;color:var(--text-primary)}.melody-effect-slider input{width:100%;accent-color:var(--accent)}.melody-effect-slider.compact span{font-size:10px;letter-spacing:.03em}.melody-effect-slider.compact input{height:14px}.melody-structure-preview{margin:4px 0 0;color:var(--text-muted);font-size:12px}.melody-mixer{margin-top:10px}.mixer-section-list{display:grid;gap:10px}.mixer-channel{border:1px solid var(--theme-border-subtle);border-radius:10px;padding:12px;display:grid;gap:10px;background:var(--theme-card-bg)}.mixer-channel-topline{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center}.mixer-channel-title{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft)}.mixer-volume-inline{display:grid;gap:4px}.mixer-volume-inline span{display:flex;justify-content:space-between;font-size:12px;color:var(--text-muted)}.mixer-volume-inline em{font-style:normal;color:var(--text-primary)}.mixer-volume-inline input{width:100%;accent-color:var(--accent)}.mixer-expand-btn{min-width:20px;width:20px;height:20px;padding:0;justify-content:center}.mixer-mini-grid{display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.melody-synth-row{margin-bottom:6px}.melody-config-grid,.arp-config-grid{margin-bottom:12px}.arp-effects-field{padding:12px;border:1px solid var(--theme-border-subtle);border-radius:10px;background:var(--theme-card-bg)}.arp-effects-grid{margin-top:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.melody-sound-design{margin-bottom:12px;padding:12px;border:1px solid var(--theme-border-subtle);border-radius:10px;background:var(--theme-card-bg)}.melody-cutoff-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.melody-cutoff-toggle strong{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft)}.melody-cutoff-toggle .preset-pill-row{width:auto;flex-wrap:nowrap}.melody-cutoff-toggle .preset-pill{min-width:52px}.melody-effects-grid.cutoff-disabled .melody-effect-slider:first-child{opacity:.54}.melody-lane{display:grid;gap:10px;margin-top:12px}.melody-lane-head{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.melody-lane-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft)}.melody-lane-head em{font-style:normal;color:var(--text-muted);font-size:12px}.melody-roll{display:grid;grid-template-columns:max-content minmax(0,1fr);gap:0;align-items:start;border:1px solid var(--control-border);border-radius:10px;overflow:hidden;background:var(--theme-card-bg)}.melody-roll-labels{border-right:1px solid var(--theme-border-subtle);padding:0 8px;background:#0000008c}.melody-roll-label{height:20px;display:flex;align-items:center;justify-content:flex-start;padding:0;min-width:40px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);border-bottom:0;-webkit-user-select:none;user-select:none}.melody-roll-label:last-child{border-bottom:0}.melody-roll-label.ruler{height:18px;font-size:0;letter-spacing:0;color:transparent;border-bottom:1px solid var(--theme-border-subtle);background:#000000e6}.melody-roll-label.natural,.melody-roll-label.sharp{background:transparent}.melody-roll-grid{position:relative;border:0;border-radius:0;overflow:hidden;background:transparent}.melody-roll-playhead{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:#3ecf8ec2;box-shadow:0 0 0 1px #3ecf8e33,0 0 8px #3ecf8e42;pointer-events:none;z-index:3;opacity:.48}.melody-roll-playhead.active{opacity:.9}.melody-roll-ruler,.melody-roll-row{display:grid;grid-template-columns:repeat(64,minmax(0,1fr));width:100%}.melody-roll-ruler{position:sticky;top:0;z-index:2;background:#000000e6}.melody-roll-ruler-cell{height:18px;display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-soft);border-right:1px solid rgba(255,255,255,.04);border-bottom:1px solid var(--theme-border-subtle)}.melody-roll-ruler-cell.beat-start{border-left:1px solid rgba(255,255,255,.08)}.melody-roll-ruler-cell.bar-start{border-left:1px solid rgba(62,207,142,.42);color:#3ecf8eeb}.melody-roll-cell{border:0;margin:0;padding:0;width:100%;height:20px;background:transparent;cursor:pointer;position:relative}.melody-roll-cell span{position:absolute;top:1.5px;right:1.5px;bottom:1.5px;left:1.5px;border-radius:3px;border:1px solid var(--control-border);background:var(--control-bg);opacity:.5}.melody-roll-cell.beat-start span{box-shadow:inset 0 0 0 1px #ffffff1a}.melody-roll-cell.bar-start span{border-color:#3ecf8e75}.melody-roll-cell.active span{border-color:#3ecf8ed6;background:linear-gradient(180deg,#3ecf8e52,#19584170);box-shadow:0 0 0 1px #3ecf8e33,0 0 10px #3ecf8e2e;opacity:1}.melody-roll-cell.active-counter span{border-color:rgba(var(--theme-accent-alt-rgb),.78);background:linear-gradient(180deg,rgba(var(--theme-accent-alt-rgb),.34),rgba(var(--theme-accent-alt-rgb),.2));box-shadow:0 0 0 1px rgba(var(--theme-accent-alt-rgb),.4),0 0 8px rgba(var(--theme-accent-alt-rgb),.3);opacity:1}.melody-roll-cell.active.active-counter span{background:linear-gradient(180deg,#3ecf8e57,#3ecf8e57 48%,rgba(var(--theme-accent-alt-rgb),.34) 52%,rgba(var(--theme-accent-alt-rgb),.34));box-shadow:0 0 0 1px #3ecf8e6b,0 0 0 2px rgba(var(--theme-accent-alt-rgb),.28);opacity:1}.melody-roll-cell:hover:not(:disabled) span{border-color:var(--control-border-hover);opacity:.86}.melody-roll-cell:disabled{cursor:not-allowed}.melody-lane[data-lane=counter] .melody-roll-cell:disabled{opacity:.4}.melody-saved-block{margin-top:12px;border-top:1px solid var(--border);padding-top:10px;display:grid;gap:8px}.melody-saved-head{display:flex;justify-content:space-between;align-items:center}.melody-saved-head span{font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-soft)}.melody-saved-head em{font-style:normal;color:var(--text-muted);font-size:12px}.melody-saved-list{display:grid;gap:6px}.melody-saved-item{display:flex;align-items:center;gap:6px}.melody-saved-item .chip{flex:1 1 auto;justify-content:flex-start;text-align:left}.melody-saved-delete{border:1px solid var(--border);border-radius:999px;background:var(--surface-1);color:var(--text-muted);width:24px;height:24px;cursor:pointer}.melody-saved-delete:hover:not(:disabled){color:var(--text-primary);border-color:#fff3}.melody-saved-delete:disabled{opacity:.5;cursor:not-allowed}.melody-saved-empty{margin:0;color:var(--text-muted);font-size:12px}.right-col{display:grid;gap:12px}.now-card{padding:0;border:0;border-radius:0;box-shadow:none;background:transparent}.player-head{align-items:center;margin-bottom:14px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-gutter:stable}.player-title{display:grid;gap:4px}.player-title h3{margin:0}.player-title p{margin:0;color:var(--text-primary);font-size:18px;letter-spacing:-.01em}.player-meta{display:inline-flex;align-items:center;justify-content:flex-end;flex-wrap:nowrap;gap:8px;min-width:max-content;min-height:30px}.player-regen-row{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:6px;flex:0 0 auto}.player-regen-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-muted);border-radius:999px;min-height:30px;padding:0 10px;font-size:11px;line-height:1;letter-spacing:.01em;cursor:pointer;white-space:nowrap}.player-regen-button:hover:not(:disabled){color:var(--text-primary);border-color:rgba(var(--theme-accent-rgb),.58)}.player-regen-button:disabled{opacity:.58;cursor:default}.player-meta-chip{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;white-space:nowrap;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-muted);font-size:12px}.player-time-chip{width:13ch;flex:0 0 13ch;justify-content:center;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.player-bpm-chip{width:112px;flex:0 0 112px;padding:0 6px;gap:2px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}.player-bpm-chip.editing{padding:0}.player-bpm-chip.dragging{color:var(--text-primary);border-color:rgba(var(--theme-accent-rgb),.72);box-shadow:0 0 0 2px rgba(var(--theme-accent-rgb),.2)}.player-bpm-step{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:pointer;width:18px;height:28px;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:15px;line-height:1;opacity:.86}.player-bpm-step:hover:not(:disabled){color:var(--text-primary);opacity:1}.player-bpm-step:disabled{opacity:.55;cursor:default}.player-bpm-value-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:inherit;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;font-size:12px;line-height:1.1;padding:0 8px;min-height:28px;text-align:center}.player-bpm-chip.dragging .player-bpm-value-button{cursor:grabbing}.player-bpm-input{width:100%;border:0;margin:0;min-height:28px;padding:0 8px;background:transparent;color:var(--text-primary);font-size:12px;text-align:center;line-height:1.1}.player-keymode-chip{position:relative;width:132px;flex:0 0 132px;padding:0 10px;align-items:stretch}.player-keymode-chip:after{content:"";position:absolute;right:10px;top:50%;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid var(--text-muted);transform:translateY(-35%);pointer-events:none}.player-keymode-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;border:0;margin:0;min-height:28px;padding:0 20px 0 12px;width:100%;background:transparent;background-image:none;color:var(--text-muted);font-size:12px;line-height:1.1;text-align:center;text-align-last:center;-moz-text-align-last:center;cursor:pointer}.player-keymode-select:disabled{cursor:default}.player-main-grid{display:grid;gap:10px}.player-visualizers,.player-timeline-panel{border:1px solid var(--theme-border-subtle);border-radius:10px;padding:10px;background:var(--theme-card-bg)}.player-subhead{margin-bottom:8px;text-align:center}.player-subhead h4{margin:0;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-soft)}.player-body{display:grid;grid-template-columns:minmax(132px,148px) minmax(0,1fr);gap:8px;align-items:stretch}.player-control,.player-main{min-width:0}.player-control{display:flex;align-items:center;justify-content:center}.player-control .kick-pulse-wrap{width:fit-content}.player-main{display:grid;gap:10px}.player-spectrum{border:0;border-radius:0;padding:0;background:transparent;box-shadow:none}.spectrum-canvas{width:100%;height:var(--transport-square-size, 124px);display:block;border-radius:0;border:0;background:transparent;box-shadow:none}.timeline-wrap{display:grid;gap:8px}.timeline-row{display:flex;overflow:hidden;border-radius:9px;border:1px solid var(--theme-border-subtle);-webkit-user-select:none;user-select:none}.timeline-section{min-width:0;padding:9px 10px;border-right:1px solid rgba(255,255,255,.06);font-size:11px;color:#fffc;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;transition:filter .14s ease,box-shadow .14s ease}.timeline-section:hover{filter:brightness(1.08)}.timeline-section.dragging{opacity:.52}.timeline-section.drop-target{box-shadow:inset 0 0 0 1px rgba(var(--theme-accent-rgb),.75)}.timeline-section:last-child{border-right:0}.timeline-intro{background:var(--theme-timeline-intro)}.timeline-groove{background:var(--theme-timeline-groove)}.timeline-break{background:var(--theme-timeline-break)}.timeline-drop{background:var(--theme-timeline-drop)}.timeline-outro{background:var(--theme-timeline-outro)}.timeline-custom{background:var(--theme-timeline-custom)}.timeline-edit-row{min-height:64px}.timeline-section.timeline-editable{display:flex;flex-direction:column;justify-content:space-between;gap:8px;text-align:left;white-space:normal;overflow:hidden}.timeline-section-controls{display:grid;grid-template-columns:22px minmax(0,1fr) 22px;align-items:center;gap:6px}.timeline-section-size-btn{border:1px solid var(--control-border);background:var(--control-bg);color:var(--text-primary);border-radius:6px;height:20px;padding:0;font-size:12px;line-height:1;cursor:pointer}.timeline-section-size-btn:hover{border-color:var(--control-border-hover)}.timeline-section-name-input{width:100%;min-width:0;border:1px solid var(--control-border);border-radius:6px;background:var(--control-bg);color:var(--text-primary);padding:3px 7px;text-align:center;font-size:11px;font-weight:600;line-height:1.2}.timeline-section-bars{font-size:10px;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);text-align:center}.timeline-lanes{display:grid;gap:6px}.timeline-lane-row{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;gap:8px}.timeline-lane-label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--text-muted);text-align:right;white-space:nowrap}.timeline-lane-track{position:relative;display:flex;align-items:stretch;overflow:hidden;border-radius:8px;border:1px solid var(--theme-border-subtle);min-height:18px;cursor:ew-resize;touch-action:none}.timeline-lane-cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:relative;z-index:1;border:0;border-right:1px solid rgba(255,255,255,.06);margin:0;padding:0;cursor:pointer;transition:filter .14s ease,background-color .14s ease}.timeline-lane-cell:last-child{border-right:0}.timeline-lane-cell.active{background:linear-gradient(180deg,#3fc99147,#30a37566)}.timeline-lane-cell.inactive{background:#7a8a9e33}.timeline-lane-cell:hover{filter:brightness(1.08)}.timeline-lane-playhead{position:absolute;top:-2px;bottom:-2px;width:2px;margin-left:-1px;background:#f6f9fdd1;z-index:2;pointer-events:none}.timeline-lane-playhead.active{box-shadow:0 0 10px rgba(var(--theme-accent-rgb),.5)}.timeline-arrangement-actions{display:flex;justify-content:flex-end}.timeline-add-section-btn{border:1px solid rgba(var(--theme-accent-rgb),.42);border-radius:999px;background:rgba(var(--theme-accent-rgb),.08);color:var(--text-primary);font-size:11px;letter-spacing:.08em;text-transform:uppercase;padding:5px 10px;cursor:pointer}.timeline-add-section-btn:hover{border-color:rgba(var(--theme-accent-rgb),.7)}.timeline-progress-track{position:relative;height:9px;border-radius:999px;border:1px solid var(--theme-border-subtle);background:var(--control-bg);cursor:ew-resize;touch-action:none}.timeline-progress{position:absolute;top:0;left:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--theme-accent-rgb),.2),rgba(var(--theme-accent-rgb),.48))}.timeline-playhead{position:absolute;top:-4px;width:2px;height:16px;margin-left:-1px;background:#ffffffa6}.timeline-playhead.active{box-shadow:0 0 12px rgba(var(--theme-accent-rgb),.48)}.kick-pulse-wrap{--transport-square-size: 124px;position:relative;width:100%;height:auto;min-height:0;display:grid;grid-template-rows:auto;gap:0;padding:0;justify-items:center;align-content:start;align-items:start;border:0;background:transparent;box-shadow:none}.kick-pulse-wrap:before{content:none}.transport-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;padding:0;margin:0;color:#3a4756e6;width:min(100%,var(--transport-square-size));height:var(--transport-square-size);max-height:var(--transport-square-size);min-height:0;aspect-ratio:1 / 1;border-radius:999px;border:0;background:transparent;box-shadow:none;transition:none;display:grid;place-items:center;position:relative;overflow:visible}.transport-wave-border{position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;width:calc(100% + 2px);height:calc(100% + 2px);pointer-events:none;transform:scale(var(--wave-scale, 1));transform-origin:center}.transport-wave-path{fill:none;vector-effect:non-scaling-stroke}.transport-wave-path-main{stroke:rgba(99,245,176,var(--wave-alpha-main, .45));stroke-width:var(--wave-width-main, 1.25);stroke-linecap:round;stroke-linejoin:round}.transport-btn:focus-visible{outline:2px solid rgba(181,224,200,.8);outline-offset:2px}.transport-btn-label{font-size:30px!important;line-height:1!important;font-weight:800!important;letter-spacing:.09em!important;color:#3a4858ed;text-transform:uppercase}.transport-play-icon{width:56px;height:56px;display:block;position:relative;z-index:1}.transport-pause-icon{width:52px;height:52px;display:block;position:relative;z-index:1}.transport-btn.play.active .transport-play-icon,.transport-btn.play.active .transport-btn-label{color:#63f5b0f5}.transport-btn.play,.transport-btn.stop{background:transparent}.transport-btn.stop.active .transport-btn-label,.transport-btn.stop.active .transport-pause-icon{color:#63f5b0f5}.transport-btn .transport-btn-label{transition:color .14s ease,text-shadow .14s ease}.kick-pulse-leds{position:relative;width:min(100%,var(--transport-square-size));display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2px;align-self:start}.kick-pulse-led{height:8px;border-radius:2px;border:1px solid rgba(61,106,84,.72);background:#10221c59}.kick-pulse-led.on{border-color:#94ddb1eb;background:linear-gradient(180deg,#a7ffc9f2,#54ee93f5);box-shadow:none}.preset-maker-page{display:grid;gap:20px}.serum-maker-shell{gap:12px}.serum-top-hero{padding:14px}.serum-tab-strip{display:flex;align-items:center;gap:8px;padding:8px;border:1px solid var(--theme-border-subtle);background:var(--theme-card-bg)}.serum-tab-btn{border:1px solid var(--control-border);border-radius:8px;background:var(--control-bg);color:var(--text-muted);padding:7px 12px;letter-spacing:.08em;font-weight:700;text-transform:uppercase;cursor:pointer;transition:border-color .15s ease,color .15s ease,box-shadow .15s ease}.serum-tab-btn:hover{border-color:var(--control-border-hover);color:var(--text-primary)}.serum-tab-btn.active{border-color:rgba(var(--theme-accent-rgb),.9);color:var(--text-primary);box-shadow:inset 0 0 0 1px rgba(var(--theme-accent-rgb),.28),0 0 16px rgba(var(--theme-accent-rgb),.16)}.serum-layout-grid{grid-template-columns:minmax(0,1.8fr) minmax(340px,1fr)}.serum-main-col{gap:12px}.serum-side-col{min-width:0}.serum-module{border:1px solid var(--theme-border-subtle);background:var(--theme-card-bg)}.serum-module .preset-maker-head h4{color:var(--text-soft)}.serum-module .preset-maker-head p{color:var(--text-muted)}.serum-audition-bar{border-color:var(--theme-border-subtle);background:var(--theme-card-bg)}.preset-maker-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.preset-maker-hero-copy{display:grid;gap:6px;max-width:600px}.preset-maker-hero-copy h3{margin:0;font-size:18px;letter-spacing:-.02em}.preset-maker-hero-copy p{margin:0;color:var(--text-muted);line-height:1.45}.pm-audition-bar{margin-top:8px;border:1px solid var(--control-border);border-radius:10px;background:var(--theme-card-bg);padding:10px;display:grid;gap:7px}.pm-audition-bar strong{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary)}.pm-audition-bar>span{color:var(--text-muted)}.pm-audition-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.pm-audition-bpm{margin-left:auto;min-width:160px;display:grid;gap:4px}.pm-audition-bpm span{color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase}.preset-maker-actions{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}.preset-maker-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,1fr);gap:18px;align-items:start}.preset-maker-controls{display:grid;gap:18px}.preset-maker-card{padding:16px}.preset-maker-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:14px}.preset-maker-head h4{margin:0;font-size:12px;color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase}.preset-maker-head p{margin:0;color:var(--text-muted)}.preset-maker-fields{display:grid;gap:10px}.preset-maker-fields-2{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-maker-fields-3{grid-template-columns:repeat(3,minmax(0,1fr))}.serum-matrix-grid{display:grid;grid-template-columns:1.1fr 1.1fr 1fr .9fr;gap:8px;align-items:center}.serum-matrix-head{color:var(--text-soft);letter-spacing:.1em;text-transform:uppercase;padding:0 2px}.pm-field{display:grid;gap:6px;min-width:0}.pm-field-wide{grid-column:1 / -1}.pm-field-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px;color:var(--text-soft);letter-spacing:.08em;text-transform:uppercase}.pm-field-head strong{color:var(--text-primary);letter-spacing:0}.pm-input,.pm-select,.pm-number,.pm-json{border:1px solid var(--control-border);border-radius:9px;background:var(--control-bg);color:var(--text-primary)}.pm-input,.pm-select,.pm-number{height:34px;padding:0 10px}.pm-range{width:100%;accent-color:var(--accent)}.pm-field-foot{display:flex;align-items:center;gap:8px}.pm-number{width:88px}.pm-field-foot em{color:var(--text-soft);font-style:normal;line-height:1.35}.preset-maker-preview{min-width:0}.preset-maker-sticky{position:sticky;top:20px}.pm-helper{margin:0 0 10px;color:var(--text-muted);line-height:1.45}.pm-json{width:100%;min-height:560px;resize:vertical;padding:12px;line-height:1.4;font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.unlock-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c2;display:grid;place-items:center;z-index:100;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.unlock-card{width:min(420px,calc(100vw - 30px));border:1px solid var(--theme-border-subtle);border-radius:14px;background:var(--theme-card-bg);padding:18px;text-align:center}.unlock-card h2{margin:2px 0 8px;font-size:22px}.unlock-card p{margin:0 0 16px;color:var(--text-muted);font-size:14px}.toast-stack{position:fixed;right:18px;bottom:18px;display:grid;gap:8px;z-index:120}.toast-item{border:1px solid var(--theme-border-subtle);border-radius:10px;background:var(--theme-card-bg);color:var(--text-primary);padding:10px 12px;font-size:13px;box-shadow:var(--shadow-soft)}@media (max-width: 1180px){.topbar{flex-direction:column}.brand .brand-title{font-size:68px!important}.action-row{justify-content:flex-start}.player-head{align-items:flex-start;gap:8px;flex-direction:row}.player-body,.mixer-channel-topline{grid-template-columns:1fr}.preset-maker-hero{flex-direction:column}.preset-maker-actions{justify-content:flex-start}.pm-audition-bpm{margin-left:0;width:100%}.preset-maker-grid,.serum-layout-grid{grid-template-columns:1fr}.preset-maker-sticky{position:static}.serum-matrix-grid{grid-template-columns:1fr}.serum-matrix-head{display:none}.pm-json{min-height:400px}}@media (max-width: 760px){.app-shell{padding-top:14px;padding-right:max(14px,env(safe-area-inset-right));padding-bottom:22px;padding-left:max(14px,env(safe-area-inset-left))}.topbar{gap:14px}.brand-wordmark{gap:10px}.brand-bars{gap:6px}.brand-bar{width:42px;height:14px;border-radius:7px}.brand .brand-title{font-size:48px!important}.brand>p{letter-spacing:.12em}.btn{padding:9px 10px;font-size:12px}.action-row{width:100%;justify-content:flex-start}.action-row .btn{min-height:34px}.export-status-line{white-space:normal;overflow:visible;text-overflow:clip}.card,.studio-section-card{padding:14px}.player-head{overflow:visible}.player-meta{display:grid;grid-template-columns:1fr;width:100%;min-width:0;gap:8px}.player-regen-row{grid-column:1 / -1;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.player-regen-button{flex:0 0 auto;min-height:34px;padding-inline:11px}.player-meta-chip,.player-keymode-chip,.player-time-chip{width:100%;min-height:34px}.player-time-chip{justify-content:center}.grid-two,.grid-three,.studio-grid-2,.studio-core-grid,.melody-effects-grid,.arp-effects-grid{grid-template-columns:1fr}.studio-section-tools{justify-content:flex-start}.preset-pill-row,.chip-wrap{flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;padding-bottom:2px;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scroll-snap-type:x proximity}.preset-pill-row>*,.chip-wrap>*{flex:0 0 auto;scroll-snap-align:start}.preset-pill,.chip{min-height:32px}.track-compact-select,.track-volume-inline,.melody-volume-inline{width:100%}.drum-layout-mini-row{grid-template-columns:56px minmax(0,1fr);gap:8px;align-items:start}.drum-layout-mini-label{padding-top:3px}.drum-layout-mini-steps-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;padding-bottom:2px}.drum-layout-mini-steps{min-width:560px}.drum-layout-mini-step{min-height:22px;touch-action:manipulation}.melody-roll{grid-template-columns:52px minmax(0,1fr)}.melody-roll-grid{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.melody-roll-ruler,.melody-roll-row{min-width:720px}.melody-roll-label{min-width:36px;height:24px}.melody-roll-label.ruler{height:22px}.melody-roll-cell{width:auto;min-width:11px;height:24px}.melody-roll-cell span{top:2px;right:2px;bottom:2px;left:2px}.tone-grid,.preset-maker-fields-2,.preset-maker-fields-3{grid-template-columns:1fr}.kick-pulse-wrap{--transport-square-size: 100px}.transport-btn-label{font-size:20px!important}.spectrum-canvas{height:var(--transport-square-size, 100px)}.timeline-lane-row{grid-template-columns:52px minmax(0,1fr)}.timeline-lane-label{font-size:10px}.timeline-lane-track{min-height:22px}.timeline-section-controls{grid-template-columns:20px minmax(0,1fr) 20px;gap:4px}.timeline-section-size-btn{height:18px}}@keyframes spin{to{transform:rotate(360deg)}}.app-shell,.app-shell *{font-family:var(--ui-font-family)!important;font-size:var(--ui-font-size)!important}