:root{color:#e2e8f0;--pattern-editor-frame-height:18.2rem;--pattern-editor-stage-height:19.2rem;background:radial-gradient(circle at 20% 10%,#1e293b 0%,#0b1020 45%,#020617 100%);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.4}*{box-sizing:border-box}body{background:#020617;margin:0;overflow:hidden}html,body,#root{height:100%}button,input,select{font:inherit}.app-shell{grid-template-rows:auto minmax(0,1fr) auto;height:100dvh;max-height:100dvh;display:grid;overflow:hidden}.topbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172ad1;border-bottom:1px solid #334155;gap:.5rem;padding:.75rem;display:grid}.topbar-brand{align-items:center;gap:.55rem;min-width:0;display:inline-flex}.topbar-logo{object-fit:contain;border-radius:.35rem;flex:none;width:1.6rem;height:1.6rem}.topbar h1{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1rem;line-height:1.1;overflow:hidden}.top-controls{flex-wrap:wrap;align-items:center;gap:.4rem;display:flex}.top-controls button{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.5rem;padding:.35rem .7rem}.mobile-new-song-row,.mobile-new-song-inline{display:none}.save-song-button{align-items:center;gap:.28rem;display:inline-flex}.save-song-button.icon-only{justify-content:center;min-width:0;padding-left:.7rem;padding-right:.7rem}.save-song-icon{font-size:.95em;line-height:1}.control-group{align-items:center;gap:.4rem;display:inline-flex}.controls-divider{opacity:.9;background:#334155;width:1px;height:1.7rem}.ai-dock-button{color:#fff;background:#22c55e;border-color:#16a34a;margin-left:auto;font-weight:600}.status-row{justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;display:flex}.status-row label{align-items:center;gap:.4rem;display:flex}.tempo-value-input{text-align:right;font-variant-numeric:tabular-nums;appearance:textfield;color:#e2e8f0;background:#0b1220;border:1px solid #475569;border-radius:.4rem;width:3.25rem;min-width:3.25rem;padding:.1rem .35rem}.tempo-value-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.tempo-value-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.status-row .master-volume{min-width:14rem}.panel{min-height:0;padding:0;overflow:hidden}.workspace{gap:.75rem;height:100%;min-height:0;display:grid}.main-view{min-width:0;height:100%;min-height:0;padding:.65rem;overflow:auto}.sound-column{background:#0b1223;border:1px solid #334155;border-radius:.65rem;min-height:0;padding:.65rem;overflow:hidden auto}.sound-column h2{margin:0}.sound-sheet-header{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.45rem;display:flex}.sound-sheet-title-block{gap:.3rem;min-width:0;display:grid}.sound-track-name-row{align-items:center;gap:.35rem;min-width:0;display:inline-flex}.sound-track-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;overflow:hidden}.sound-track-rename-button{color:#e2e8f0;cursor:pointer;background:#0f172a;border:1px solid #334155;border-radius:.45rem;justify-content:center;align-items:center;min-width:1.8rem;min-height:1.8rem;padding:0;display:inline-flex}.sound-track-rename-button:hover{background:#172036;border-color:#64748b}.sound-track-name-input{color:#e2e8f0;background:#111827;border:1px solid #64748b;border-radius:.45rem;width:min(16rem,100%);padding:.28rem .5rem}.sound-sheet-close{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.45rem;padding:.25rem .5rem;display:none}.sound-sheet-backdrop{z-index:25;background:#0206178c;border:0;display:none;position:fixed;inset:0}.preset-select{gap:.35rem;margin-bottom:.65rem;display:grid}.preset-select span{color:#cbd5e1;font-size:.82rem}.preset-select select{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.45rem;min-height:2rem;padding:.25rem .5rem}.osc-controls{gap:.42rem;margin-bottom:.55rem;display:grid}.osc-controls label{grid-template-columns:4.5rem minmax(0,1fr) 2.7rem;align-items:center;gap:.4rem;display:grid}.osc-controls label.waveform-row{grid-template-columns:4.5rem minmax(0,1fr)}.osc-controls select,.osc-controls input[type=range]{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.45rem;width:100%;min-width:0}.osc-controls label span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-size:.76rem}.sound-card-section{margin-bottom:.55rem}.section-toggle{color:#e2e8f0;text-align:center;background:#111827;border:1px solid #475569;border-radius:.45rem;width:100%;min-height:2rem;padding:.3rem .55rem}.section-toggle.open{background:#0f2233;border-color:#16a34a}.adsr-editor{background:#0d1b13;border:1px solid #1f3b2c;border-radius:.55rem;margin-bottom:.55rem;padding:.45rem}.adsr-header{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.74rem;display:flex}.adsr-svg{touch-action:none;border-radius:.4rem;width:100%;height:9.6rem;display:block}.adsr-bg{fill:#040a07}.adsr-axis{stroke:#334155;stroke-width:1.4px}.adsr-fill{fill:#22c55e2e}.adsr-line{fill:none;stroke:#4ade80;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.adsr-hit{fill:#f8fafc;stroke:#22c55e;stroke-width:2px;cursor:pointer}.filter-pad{background:#0d1b13;border:1px solid #1f3b2c;border-radius:.55rem;margin-bottom:.55rem;padding:.45rem}.filter-pad-header{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.35rem;font-size:.74rem;display:flex}.filter-pad-svg{touch-action:none;border-radius:.4rem;width:100%;height:9.6rem;display:block}.filter-pad-bg{fill:#040a07}.filter-axis{stroke:#334155;stroke-width:1.4px}.filter-curve{fill:none;stroke:#4ade80;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round}.filter-handle{fill:#f8fafc;stroke:#22c55e;stroke-width:2px}.mod-pads{gap:.45rem;display:grid}.mod-pad-card{background:#0d1b13;border:1px solid #1f3b2c;border-radius:.55rem;padding:.35rem}.mod-pad-title{color:#cbd5e1;margin-bottom:.25rem;font-size:.73rem}.mod-pad-svg{touch-action:none;border-radius:.4rem;width:100%;height:7.8rem;display:block}.mod-pad-bg{fill:#040a07}.mod-pad-axis{stroke:#334155;stroke-width:1.3px}.mod-pad-cross{stroke:#4ade8066;stroke-width:1.1px}.mod-pad-handle{fill:#f8fafc;stroke:#22c55e;stroke-width:2px}.mod-pad-label{fill:#94a3b8;font-size:11px}.timeline-row{z-index:1;grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:.45rem;margin-bottom:.6rem;display:grid;position:relative}.timeline-row:last-child{margin-bottom:0}.timeline-row.muted{background:#02061761;border-radius:.4rem}.timeline-rows-wrap{position:relative;overflow:hidden}.timeline-loop-strip-shell{margin-top:.42rem;padding:.05rem}.timeline-loop-strip-row{flex-shrink:0;grid-template-columns:6rem minmax(0,1fr);gap:.45rem;display:grid}.timeline-loop-strip-row .timeline-loop-strip-shell{grid-column:2;margin-top:.36rem}.timeline-loop-strip{touch-action:none;background:0 0;border:0;border-radius:999px;height:1.5rem;position:relative;overflow:hidden}.timeline-loop-strip-inner{background:0 0;position:absolute;top:0;bottom:0;left:0}.timeline-loop-strip-active-hit{position:absolute;top:0;bottom:0}.timeline-loop-strip-active{background:#4ade802e;border:1px solid #4ade80c7;border-radius:999px;min-width:.92rem;height:.92rem;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:0 0 8px #4ade8038}.timeline-loop-strip-resize-hit{z-index:3;background:0 0;position:absolute;top:0;bottom:0}.timeline-dock{background:#0f172aeb;border-top:1px solid #334155;flex-direction:column;height:clamp(8.5rem,30dvh,12rem);min-height:0;max-height:32dvh;padding:.55rem .75rem .65rem;display:flex;position:relative;overflow:hidden}.timeline-content{z-index:1;flex:1;min-height:0;position:relative;overflow:auto}.timeline-dock.bar-action-mode .timeline-content{filter:blur(3px);opacity:.38;pointer-events:none;-webkit-user-select:none;user-select:none}.timeline-bar-action-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:24;background:#0206172e;border:0;padding:0;position:fixed;inset:0}.timeline-bar-action-bubbles{left:50%;top:clamp(4.5rem, var(--timeline-action-y,50vh), calc(100vh - .8rem));z-index:25;background:#0f172af2;border:1px solid #64748bbf;border-radius:.9rem;gap:.45rem;width:min(18.5rem,100vw - 1rem);padding:.56rem;display:grid;position:fixed;transform:translate(-50%,-108%);box-shadow:0 14px 28px #02061770}.timeline-pattern-wheel-shell{gap:.28rem;display:grid}.timeline-pattern-wheel-title{text-transform:uppercase;letter-spacing:.04em;color:#94a3b8;text-align:center;font-size:.7rem}.timeline-pattern-wheel-wrap{background:#0b1220;border:1px solid #475569c7;border-radius:.65rem;position:relative;overflow:hidden}.timeline-pattern-wheel-wrap:after{content:"";pointer-events:none;background:#08261747;border:1px solid #4ade8057;border-radius:.5rem;height:1.64rem;position:absolute;top:50%;left:.25rem;right:.25rem;transform:translateY(-50%)}.timeline-pattern-wheel{scroll-snap-type:y mandatory;scrollbar-width:none;height:7.3rem;padding:2.85rem .3rem;overflow-y:auto}.timeline-pattern-wheel::-webkit-scrollbar{display:none}.timeline-pattern-wheel button{color:#cbd5e1;font-variant-numeric:tabular-nums;scroll-snap-align:center;background:0 0;border:1px solid #0000;border-radius:.5rem;width:100%;min-height:1.62rem;font-size:.8rem}.timeline-pattern-option-content{grid-template-columns:auto auto;justify-content:start;align-items:center;gap:.42rem;width:auto;max-width:100%;display:inline-grid}.timeline-pattern-mini-preview{background:#06100ad1;border:1px solid #1f3b2cdb;border-radius:.24rem;justify-content:stretch;align-items:stretch;width:4.6rem;min-width:4.6rem;height:1.18rem;padding:.12rem;display:inline-flex;box-shadow:inset 0 0 0 1px #07120cb8}.timeline-pattern-mini-preview svg{width:100%;height:100%;display:block}.timeline-pattern-mini-preview rect{shape-rendering:auto}.timeline-pattern-mini-preview rect.synth{fill:#4ade80d1}.timeline-pattern-mini-preview rect.drum{fill:#4ade80ad}.timeline-pattern-option-id{text-align:right;min-width:1.2rem}.timeline-pattern-wheel button.active{color:#dcfce7;background:#08261780;border-color:#4ade8080}.timeline-bar-action-button-row{flex-wrap:wrap;justify-content:center;gap:.42rem;display:flex}.timeline-bar-action-button-row button{color:#e2e8f0;background:#09130e;border:1px solid #475569;border-radius:999px;min-height:1.8rem;padding:.28rem .62rem;font-size:.74rem}.timeline-bar-action-button-row button:disabled{opacity:.45;color:#94a3b8}.timeline-mobile-add-track-menu{left:50%;bottom:max(.75rem, env(safe-area-inset-bottom));z-index:25;background:#06100af5;border:1px solid #1f3b2ce6;border-radius:.9rem;gap:.45rem;width:min(18.5rem,100vw - 1rem);padding:.56rem;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 14px 28px #02061770}.timeline-mobile-add-track-title{text-transform:uppercase;letter-spacing:.04em;color:#b9d8c7;text-align:center;font-size:.72rem}.timeline-controls{gap:.4rem;margin-bottom:.6rem;padding-bottom:.1rem;display:grid}.timeline-mobile-strip{display:none}.timeline-toggle-button{color:#e2e8f0;white-space:nowrap;background:#0a1510;border:1px solid #475569;border-radius:.4rem;min-height:1.6rem;padding:.2rem .45rem}.timeline-lock-toggle{color:#e2e8f0;background:#0a1510;border:1px solid #475569;border-radius:.4rem;min-width:1.9rem;min-height:1.6rem;padding:0 .38rem;font-size:.78rem;line-height:1}.timeline-lock-toggle.on{color:#e2e8f0;background:#0a2a17;border-color:#4ade80}.timeline-controls-left,.timeline-controls-center,.timeline-controls-right{align-items:center;gap:.4rem;min-width:0;display:flex}.timeline-controls-left{flex-wrap:nowrap;overflow-x:auto}.timeline-controls-center{justify-content:center}.timeline-controls-right{justify-content:flex-end;overflow-x:auto}.timeline-controls span{white-space:nowrap;flex:none;font-size:.82rem}.timeline-controls label{white-space:nowrap;flex:none;align-items:center;gap:.35rem;font-size:.82rem;display:flex}.timeline-controls select,.timeline-controls button{color:#e2e8f0;background:#0a1510;border:1px solid #475569;border-radius:.45rem;flex:none;min-height:2rem;padding:.25rem .5rem}.lock-active-button.on{color:#e2e8f0;background:#0a2a17;border-color:#4ade80}.timeline-track-label{color:#94a3b8;text-align:left;white-space:nowrap;justify-content:flex-start;align-items:center;gap:.3rem;padding-left:.2rem;font-size:.78rem;display:inline-flex}.timeline-track-label.active{color:#e2e8f0;font-weight:600}.timeline-track-open-sound{color:#dbeafe;text-align:left;white-space:nowrap;cursor:pointer;background:#0b1220;border:1px solid #23364b;border-radius:.4rem;margin:0;padding:.12rem .38rem}.timeline-track-open-sound:hover{background:#13203a;border-color:#3b82f6}.timeline-track-label.active .timeline-track-open-sound{color:#eff6ff;background:#172554;border-color:#60a5fa}.mute-toggle{color:#e7fff0;background:#0a1510;border:1px solid #1f3b2c;border-radius:.35rem;justify-content:center;align-items:center;min-width:1.25rem;min-height:1.25rem;padding:0;font-size:.72rem;line-height:1;display:inline-flex}.mute-toggle.muted{color:#f97316;border-color:#f97316}.bar-grid{-ms-overflow-style:none;scrollbar-width:none;padding-bottom:.1rem;overflow:auto hidden}.bar-grid::-webkit-scrollbar{display:none}.bar-grid-inner{gap:.3rem;min-width:100%;padding-left:.2rem;padding-right:.2rem;display:grid;position:relative}.timeline-loop-mask{pointer-events:none;z-index:2;background:#02061757;position:absolute;top:0;bottom:0}.timeline-loop-mask.left,.timeline-loop-mask.right{left:0}.bar-cell{color:#d8f2e2;text-align:center;font-variant-numeric:tabular-nums;background:#09130e;border:1px solid #475569;border-radius:.4rem;justify-content:center;align-items:center;min-height:1.55rem;padding:.1rem .2rem;font-size:.72rem;display:inline-flex}.bar-cell.assigned{color:#e7fff0;background:#102116;border-color:#2e5a42}.bar-cell.active{color:#fef9c3;background:#78580a47;border-color:#eab308b8}.bar-cell.unassigned{color:#6b8f7b;background:#070f0b;border-color:#1f3b2c}.bar-cell.unassigned.active{color:#e8efb6;background:#2f3a11}.timeline-global-sweep{pointer-events:none;z-index:4;background:#4ade80;width:2px;transition:none;position:absolute;top:0;bottom:.62rem;transform:translate(-1px);box-shadow:0 0 10px #4ade80bf}.timeline-add-bars-tail{color:#e7fff0;writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.02em;z-index:5;box-sizing:border-box;background:#143222;border:1px solid #1f3b2c;border-radius:.35rem;justify-content:center;align-items:center;width:.9rem;height:auto;max-height:none;padding:.12rem 0;font-size:.72rem;font-weight:700;line-height:1;display:inline-flex;position:absolute;top:0;bottom:.75rem;overflow:hidden}.step-grid{gap:.25rem;display:grid}.step-grid-editor{--row-label-width:2.8rem;--row-gap:.2rem;position:relative}.step-grid-editor.synth-editor{--row-gap:0rem}.pattern-editor-stage{height:var(--pattern-editor-stage-height);min-height:var(--pattern-editor-stage-height);align-items:center;display:grid}.pattern-editor-stage>*{width:100%}.editor-sweep{pointer-events:none;z-index:3;width:2px;top:-.05rem;bottom:-.05rem;left:calc(var(--row-label-width) + var(--row-gap) + (var(--play-step) * ((100% - var(--row-label-width) - (16 * var(--row-gap))) / 16 + var(--row-gap))));background:#f97316;transition:left 60ms linear;position:absolute;box-shadow:0 0 10px #f97316a6}.octave-shell{gap:.25rem;display:grid}.octave-editor-shell{grid-template-columns:minmax(0,1fr) 2.35rem;align-items:stretch;gap:.28rem;display:grid}.octave-grid-viewport{min-height:var(--pattern-editor-frame-height);perspective:780px;transform:translateY(calc(var(--octave-scrub-offset,0px) * -.45));transition:transform 80ms linear;display:grid;overflow:hidden}.step-grid-editor.drum-editor{align-content:start}.octave-grid-viewport .octave-layer{backface-visibility:hidden;grid-area:1/1}.octave-grid-viewport.octave-transition .octave-layer{pointer-events:none}.octave-grid-viewport.octave-transition.dir-up .octave-layer.new{transform:translateY(-100%)rotateX(-16deg)}.octave-grid-viewport.octave-transition.dir-down .octave-layer.new{transform:translateY(100%)rotateX(16deg)}.octave-grid-viewport.octave-transition.running .octave-layer{will-change:transform;transition:transform .21s cubic-bezier(.18,.74,.2,1)}.octave-grid-viewport.octave-transition.running.dir-up .octave-layer.old{transform:translateY(100%)rotateX(18deg)}.octave-grid-viewport.octave-transition.running.dir-up .octave-layer.new{transform:translateY(0)rotateX(0)}.octave-grid-viewport.octave-transition.running.dir-down .octave-layer.old{transform:translateY(-100%)rotateX(-18deg)}.octave-grid-viewport.octave-transition.running.dir-down .octave-layer.new{transform:translateY(0)rotateX(0)}.octave-scrubber{-webkit-user-select:none;user-select:none;touch-action:none;cursor:ns-resize;background:#070b08;border:1px solid #475569;border-radius:.42rem;grid-template-rows:auto minmax(0,1fr);place-items:center;gap:.28rem;width:100%;min-width:0;padding:.35rem .24rem;display:grid;overflow:hidden}.octave-scrubber-header{text-align:center;color:#dcfce7;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.58rem;line-height:1.1;overflow:hidden}.octave-scrubber-range{--octave-band-size:14.2857%;background:repeating-linear-gradient(to top, #0000 0 calc(var(--octave-band-size) - 1px), #4ade8033 calc(var(--octave-band-size) - 1px) var(--octave-band-size)), repeating-linear-gradient(to top, #0a1a10ad 0 var(--octave-band-size), #06120bad var(--octave-band-size) calc(var(--octave-band-size) * 2)), linear-gradient(180deg, #00000059, #0003);border:1px solid #22c55e8c;border-radius:.28rem;width:100%;height:100%;position:relative;box-shadow:inset 0 0 0 1px #00000073}.octave-scrubber-window{left:.12rem;right:.12rem;top:var(--octave-window-top,0%);height:var(--octave-window-height,14.28%);pointer-events:none;background:#4ade8042;border:1px solid #4ade80f2;border-radius:.18rem;position:absolute;box-shadow:0 0 0 1px #02061740,0 0 10px #4ade804d}.grid-row{grid-template-columns:2.8rem repeat(16,minmax(0,1fr));align-items:center;gap:.16rem;display:grid}.grid-row.synth-row{gap:0;position:relative}.grid-row.synth-row .step-cell{border:0;min-height:1.13rem}.grid-row.synth-row .row-label{padding-right:.2rem}.row-label{text-transform:none;font-size:.7rem;font-weight:600}.piano-key{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;border:1px solid #475569;border-radius:.22rem;width:100%;min-height:100%;padding:0}.piano-key:disabled{opacity:0;pointer-events:none}.piano-key:active:not(:disabled),.piano-key.active:not(:disabled){filter:none;color:#03130a;background:#4ade80;border-color:#86efac}.drum-lane-key{text-align:center;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:none;color:#cbd5e1;text-transform:capitalize;background:#0b1220;border:1px solid #475569;border-radius:.22rem;width:100%;min-height:100%;padding:0}.step-cell{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.25rem;min-height:1.62rem}.step-cell.on{color:#fff;background:#22c55e}.synth-cell{touch-action:none;border-color:#0000;border-radius:0;position:relative}.synth-cell.note-off{background:0 0}.grid-row.out-of-range .row-label{color:#0000}.grid-row.out-of-range{visibility:hidden}.hidden-cell{pointer-events:none;background:0 0;border-color:#0000}.synth-cell.note-single{border-left:1px solid #000;border-right:1px solid #000;border-radius:0}.synth-cell.note-start{border-left:1px solid #000;border-radius:0}.synth-cell.note-middle{border-radius:0}.synth-cell.note-end{border-right:1px solid #000;border-radius:0}.synth-cell.on,.synth-cell.note-start,.synth-cell.note-single,.synth-cell.note-end,.synth-cell.note-single,.synth-cell.note-single{box-shadow:none}.synth-note-ghost-block{pointer-events:none;z-index:1;background:#22c55e5c;position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #22c55e38,0 0 .55rem #22c55e52}.synth-note-hover-outline{pointer-events:none;z-index:2;background:#fff3;border:2px solid #ffffffe6;position:absolute;top:.06rem;bottom:.06rem;box-shadow:0 0 .45rem #ffffff3d}.grid-row.key-white .step-cell{color:#0f172a;background:#d1d5db;border-color:#94a3b8}.grid-row.key-black .step-cell{color:#e2e8f0;background:#374151;border-color:#4b5563}.grid-row.key-c .step-cell{color:#1f2937;background:#fde68a;border-color:#f59e0b;box-shadow:inset 0 0 0 1px #f59e0b6b}.grid-row.key-g .step-cell{color:#1f2937;background:#c4b5fd;border-color:#8b5cf6}.grid-row.key-white .step-cell.on,.grid-row.key-black .step-cell.on,.grid-row.key-c .step-cell.on,.grid-row.key-g .step-cell.on{color:#fff;background:#22c55e;border-color:#0000}.grid-row.key-white .row-label{color:#0f172a;background:#d1d5db;border-color:#94a3b8}.grid-row.key-black .row-label{color:#e2e8f0;background:#334155;border-color:#4b5563}.grid-row.key-c .row-label{color:#1f2937;text-shadow:0 0 8px #f59e0b59;background:#fde68a;border-color:#f59e0b}.grid-row.ghost-row .step-cell{opacity:.45}.grid-row.ghost-row .row-label{opacity:.55}.sliders{gap:.42rem;display:grid}.sliders label{grid-template-columns:4.5rem minmax(0,1fr) 2.7rem;align-items:center;gap:.4rem;display:grid}.sliders label span:last-child{text-align:right;font-variant-numeric:tabular-nums;font-size:.76rem}.sliders input[type=range]{width:100%;min-width:0}.preset-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;display:grid}.ai-form{grid-template-columns:1fr auto;gap:.4rem;margin-top:.6rem;display:grid}.ai-form input{color:#e2e8f0;background:#0f172a;border:1px solid #475569;border-radius:.5rem;padding:.55rem}.candidate-card h3{margin:0 0 .35rem}.candidate-card p{color:#94a3b8;margin:0 0 .5rem}.candidate-actions{flex-wrap:wrap;gap:.4rem;display:flex}.ai-sheet-backdrop{z-index:30;background:#0206178c;border:0;position:fixed;inset:0}.ai-sheet{z-index:31;background:#0b1223;border-top:1px solid #334155;max-height:72dvh;padding:.75rem;transition:transform .22s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(102%)}.ai-sheet.open{transform:translateY(0%)}.ai-sheet-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.ai-sheet-header h2{margin:0}.ai-sheet-header button{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.45rem;padding:.3rem .6rem}@media (width<=899px){:root{--pattern-editor-frame-height:16.2rem;--pattern-editor-stage-height:18.3rem}.panel{flex-direction:column;min-height:0;display:flex}.topbar{gap:.08rem;padding:.2rem .4rem}.topbar-brand{gap:.35rem}.topbar-logo{border-radius:.25rem;width:1.15rem;height:1.15rem}.topbar h1{max-width:100%;font-size:.72rem;display:block}.top-controls{scrollbar-width:thin;flex-wrap:nowrap;gap:.14rem;overflow-x:auto}.top-controls button{border-radius:.4rem;min-height:1.26rem;padding:.08rem .3rem;font-size:.66rem}.top-controls .mobile-hide{display:none}.mobile-new-song-inline{color:#e2e8f0;background:#111827;border:1px solid #475569;border-radius:.4rem;justify-content:center;align-items:center;min-height:1.26rem;margin-left:auto;padding:.08rem .3rem;font-size:.66rem;display:inline-flex}.ai-dock-button{margin-left:0}.status-row{gap:.12rem;font-size:.64rem}.mobile-new-song-row,.status-row .master-volume,.status-row>span{display:none}.status-row label{gap:.14rem}.status-row label input[type=range]{display:none}.tempo-value-input{width:2.45rem;min-width:2.45rem;padding:.02rem .16rem;font-size:.66rem}.workspace{flex:none;gap:0;height:auto}.main-view{height:auto;padding:.22rem .5rem 1.12rem}.pattern-editor-stage{margin-bottom:.88rem}.sound-column{z-index:26;background:#0b1223;border:1px solid #334155;border-bottom:0;border-radius:.8rem .8rem 0 0;max-height:72dvh;padding:.55rem;transition:transform .22s;position:fixed;bottom:0;left:0;right:0;overflow:auto;transform:translateY(102%)}.sound-column.open{transform:translateY(0%)}.sound-sheet-close{display:inline-flex}.sound-sheet-backdrop{display:block}.timeline-dock{border-top:0;flex:auto;height:auto;min-height:8.5rem;max-height:none;padding:0 .5rem .4rem}.timeline-mobile-strip{color:#cbd5e1;justify-content:space-between;align-items:center;gap:.35rem;margin-bottom:.35rem;font-size:.72rem;display:flex}.timeline-mobile-strip span{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.timeline-controls{gap:.24rem;margin-bottom:.35rem}.timeline-controls select,.timeline-controls button{min-height:1.75rem;padding:.2rem .4rem;font-size:.76rem}.timeline-row{grid-template-columns:4.5rem minmax(0,1fr);gap:.35rem;margin-bottom:.45rem}.timeline-track-label{gap:.2rem;font-size:.72rem}.bar-cell{min-height:1.35rem;font-size:.66rem}.bar-grid{touch-action:pan-x;overflow-x:auto}.timeline-add-bars-tail{width:.78rem;font-size:.64rem;right:.12rem;left:auto!important}.timeline-bar-action-bubbles{gap:.32rem;width:calc(100vw - .7rem);padding:.42rem;transform:translate(-50%,-110%)}.timeline-pattern-wheel{height:6.5rem;padding-top:2.3rem;padding-bottom:2.3rem}.timeline-pattern-wheel button{min-height:1.48rem;font-size:.75rem}.timeline-pattern-option-content{gap:.3rem}.timeline-pattern-mini-preview{width:4rem;min-width:4rem;height:1rem;padding:.1rem}.timeline-bar-action-button-row{gap:.28rem}.timeline-bar-action-button-row button{min-height:1.65rem;padding:.22rem .5rem;font-size:.7rem}.timeline-loop-strip-shell{margin-top:.3rem}.timeline-loop-strip-row{grid-template-columns:4.5rem minmax(0,1fr);gap:.35rem}.timeline-loop-strip{height:1.62rem}.step-grid-editor{--row-label-width:2.25rem;--row-gap:.16rem}.step-grid-editor.synth-editor{--row-gap:0rem}.grid-row{grid-template-columns:2.25rem repeat(16,minmax(0,1fr));gap:.14rem}.grid-row.synth-row .step-cell{min-height:1rem}.row-label{font-size:.62rem}.step-cell{min-height:1.42rem}}@media (width>=900px){.app-shell{background:#02061799;width:100%}.workspace{grid-template-columns:minmax(0,1fr) 25rem;align-items:stretch;gap:0}.sound-column{border:0;border-left:1px solid #334155;border-radius:0;max-height:none;padding:.75rem;transition:none;position:static;overflow:auto;transform:none}.timeline-dock{max-height:28dvh}.timeline-controls{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.ai-sheet{border-top-left-radius:.75rem;border-top-right-radius:.75rem;left:0;right:0}.preset-row{grid-template-columns:repeat(4,minmax(0,1fr))}}:root{--bg-0:#020403;--bg-1:#070d0a;--bg-2:#0b1510;--bg-3:#101d16;--bg-4:#16281d;--text-1:#ecfdf5;--text-2:#b9d8c7;--accent:#22c55e;--accent-strong:#4ade80;--edge:#204032;--edge-soft:#163126}body,#root,.app-shell{color:var(--text-1);background:radial-gradient(circle at 30% 8%,#0b120e 0%,#030504 42%,#010201 100%)}.topbar,.timeline-dock,.timeline-pattern-wheel-wrap,.timeline-bar-action-bubbles{background:color-mix(in srgb, var(--bg-1) 92%, black 8%);border-color:var(--edge-soft)}.sound-column,.ai-sheet{background:var(--bg-2);border-color:var(--edge)}.controls-divider{background:var(--edge-soft)}button,select,input,.top-controls button,.timeline-controls button,.timeline-controls select,.preset-select select,.sound-sheet-close,.tempo-value-input,.timeline-track-label,.timeline-pattern-wheel button,.timeline-bar-action-button-row button{background:var(--bg-1);color:var(--text-1);border-color:var(--edge)}button:hover,.timeline-controls button:hover,.timeline-pattern-wheel button:hover,.timeline-track-label:hover{border-color:var(--accent);box-shadow:0 0 0 1px #22c55e52}.ai-dock-button,.timeline-lock-toggle.on,.lock-active-button.on,.timeline-pattern-wheel button.active{border-color:var(--accent-strong);color:#f0fdf4;background:#15803d}.timeline-row,.timeline-loop-strip-shell,.timeline-loop-strip{border-color:var(--edge-soft);background:var(--bg-0)}.step-grid-editor.synth-editor,.octave-grid-viewport{background:#000}.step-cell{color:#ddfbe9;background:#0d140f;border-color:#0000}.grid-row.key-white .step-cell,.grid-row.key-black .step-cell,.grid-row.key-c .step-cell,.grid-row.key-g .step-cell{color:#ddfbe9;box-shadow:none;background:#0d140f;border-color:#0000}.grid-row.key-g .step-cell{background:#102036}.grid-row.key-c .step-cell{background:#2a260f}.step-grid-editor.drum-editor{--row-gap:0rem}.step-grid-editor.drum-editor .grid-row{column-gap:var(--row-gap)}.step-grid-editor.drum-editor .step-cell{background:#0d140f;border-color:#0000;border-radius:0;position:relative;overflow:hidden}.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):before{content:"";pointer-events:none;position:absolute;inset:0}.step-grid-editor.drum-editor .grid-row .step-cell:after{content:"";pointer-events:none;background:#00000061;width:1px;position:absolute;top:0;bottom:0;right:0}.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+2):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+3):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+4):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+5):before{background:#ffffff29}.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+6):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+7):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+8):before,.step-grid-editor.drum-editor .grid-row .step-cell:not(.on):nth-of-type(8n+1):before{background:#ffffff21}.step-grid-editor.drum-editor .step-cell.on{color:#001005;background:#29d639;box-shadow:inset 0 0 0 1px #b7ffd073}.step-grid-editor.drum-editor .row-label{padding-right:.3rem}.step-grid-editor.drum-editor .grid-row .step-cell.on:after{background:#000;width:2px}.grid-row.synth-row .synth-cell.note-off:nth-of-type(2n):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(odd):before{content:"";pointer-events:none;position:absolute;inset:0}.grid-row.synth-row .synth-cell.note-off:after{content:"";pointer-events:none;background:#00000073;width:1px;position:absolute;top:0;bottom:0;right:0}.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+2):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+3):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+4):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+5):before{background:#ffffff29}.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+6):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+7):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+8):before,.grid-row.synth-row .synth-cell.note-off:nth-of-type(8n+1):before{background:#ffffff21}.grid-row.key-white .row-label,.grid-row.key-black .row-label,.grid-row.key-c .row-label,.grid-row.key-g .row-label,.piano-key,.drum-lane-key{color:#f0fdf4;text-shadow:none;background:#141a16;border-color:#2c4a3a}.grid-row.synth-row.key-c,.grid-row.synth-row.key-g{border-left:0;border-radius:.18rem}.grid-row.synth-row.key-c:before,.grid-row.synth-row.key-g:before{content:"";pointer-events:none;border-radius:1px;width:2px;position:absolute;top:.08rem;bottom:.08rem;left:0}.grid-row.synth-row.key-c:before{background:#4ade80f2}.grid-row.synth-row.key-g:before{background:#4ade8085}.grid-row.key-c .row-label{color:#fff9d6;background:#3a320d;border-color:#eab308}.grid-row.key-g .row-label{color:#dcfce7;background:#112947;border-color:#4ade80}.grid-row .piano-key:active:not(:disabled),.grid-row .piano-key.active:not(:disabled){color:#03130a;background:#4ade80;border-color:#86efac}.grid-row.key-white .step-cell.on,.grid-row.key-black .step-cell.on,.grid-row.key-c .step-cell.on,.grid-row.key-g .step-cell.on,.step-cell.on{color:#001005;background:#29d639;border-color:#0000}.step-grid-editor .synth-cell.note-start.on,.step-grid-editor .synth-cell.note-single.on{border-left:1px solid #000}.step-grid-editor .synth-cell.note-end.on,.step-grid-editor .synth-cell.note-single.on{border-right:1px solid #000}.editor-sweep{background:#b7ffd0;box-shadow:0 0 12px #4ade80d1,0 0 2px #b7ffd0bf}.synth-note-hover-outline{background:#22c55e42;border-color:#dcfce7f5;box-shadow:0 0 .62rem #22c55e5c}.timeline-dock,.timeline-content,.timeline-rows-wrap,.timeline-row,.timeline-row.muted,.timeline-loop-strip-shell,.timeline-loop-strip,.bar-grid,.bar-grid-inner{background:#000}.sound-column{background:#000;border-color:#163126}.sound-column .adsr-editor,.sound-column .filter-pad,.sound-column .mod-pad-card,.sound-column .preset-select select,.sound-column .osc-controls select,.sound-column .osc-controls input[type=range],.sound-column .section-toggle,.sound-sheet-close{color:#ecfdf5;background:#000;border-color:#1f3b2c}.sound-column .section-toggle,.sound-sheet-close,.sound-column button{color:#e7fff0;background:#102116;border-color:#2e5a42}.sound-column .section-toggle.open{background:#102116;border-color:#4ade80}input[type=range]{accent-color:#22c55e}.ai-sheet{background:#000;border-top-color:#163126}.ai-sheet-backdrop{background:#0000009e}.ai-form input{color:#ecfdf5;background:#000;border-color:#1f3b2c}.candidate-card{background:#0a1510;border-color:#1f3b2c}.candidate-card p{color:#b9d8c7}.ai-sheet-header button,.ai-form button,.candidate-actions button{color:#e7fff0;background:#102116;border:1px solid #2e5a42;border-radius:.45rem;min-height:2rem;padding:.25rem .5rem}.ai-sheet-header button:hover,.ai-form button:hover,.candidate-actions button:hover{border-color:#4ade80;box-shadow:0 0 0 1px #22c55e47}.ai-sheet{background:#000;border-top:1px solid #1f3b2c;padding:.75rem}.ai-sheet-header{justify-content:space-between;align-items:flex-start;gap:.7rem;margin-bottom:.5rem;display:flex}.ai-sheet-header h2{color:#ecfdf5;margin:0;font-size:1rem}.ai-sheet-subtitle{color:#9ec8b0;margin:.18rem 0 0;font-size:.78rem}.ai-sheet-meta{color:#b9d8c7;background:#060d09;border:1px solid #1f3b2c;border-radius:.45rem;justify-content:space-between;align-items:center;gap:.45rem;margin-bottom:.62rem;padding:.38rem .55rem;font-size:.76rem;display:flex}.ai-sheet-meta strong{color:#e7fff0}.ai-quick-prompts{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;margin-bottom:.6rem;display:grid}.ai-quick-chip{color:#e7fff0;background:#0a1510;border:1px solid #2e5a42;border-radius:.45rem;min-height:1.9rem}.ai-form{grid-template-columns:1fr;gap:.4rem;margin-top:0;margin-bottom:.7rem;display:grid}.ai-form-label{color:#b9d8c7;font-size:.76rem}.ai-prompt-input{resize:vertical;color:#ecfdf5;background:#000;border:1px solid #1f3b2c;border-radius:.45rem;min-height:3.3rem;max-height:8.5rem;padding:.52rem .6rem}.ai-prompt-input:focus,.ai-prompt-input:focus-visible{border-color:#2f5a44;outline:none;box-shadow:inset 0 0 0 1px #2f5a4438}.ai-prompt-input-wrap{position:relative}.ai-prompt-input-wrap .ai-prompt-input{width:100%}.ai-prompt-input-wrap.has-prefix-override .ai-prompt-input{color:#ffd0a0;caret-color:#ffd0a0;border-color:#d8842f;box-shadow:inset 0 0 0 1px #d8842f2e}.ai-prompt-input-wrap.has-prefix-override .ai-prompt-input:focus,.ai-prompt-input-wrap.has-prefix-override .ai-prompt-input:focus-visible{border-color:#d8842f;outline:none;box-shadow:inset 0 0 0 1px #d8842f3d}.ai-form-actions{justify-content:flex-end;gap:.42rem;display:flex}.ai-form-actions button{min-width:5.5rem}.ai-provider-row{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:.5rem;margin:-.15rem 0 .55rem;display:grid}.ai-provider-controls-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:.5rem;display:grid}.ai-provider-controls-row .ai-provider-row{margin:0}@media (width<=720px){.ai-provider-controls-row{grid-template-columns:1fr}}.ai-panel-collapse{background:#030906;border:1px solid #1f3b2c;border-radius:.45rem;margin:0 0 .55rem;padding:.35rem .5rem}.ai-panel-collapse-inline{margin:0 0 .55rem}.ai-panel-collapse-inline:not([open]){padding-top:.5rem;padding-bottom:.5rem}.ai-panel-collapse summary{cursor:pointer;color:#e7fff0;font-size:.76rem;font-weight:600}.ai-collapse-body{margin-top:.45rem}.ai-guardrail-row{grid-template-columns:1fr 1fr;gap:.4rem;margin:-.05rem 0 .55rem;display:grid}.ai-guardrail-row label{color:#c8ead6;background:#040b08;border:1px solid #1f3b2c;border-radius:.42rem;align-items:center;gap:.35rem;padding:.35rem .45rem;font-size:.74rem;display:inline-flex}.ai-guardrail-row input[type=checkbox]{margin:0}.ai-lock-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;margin:-.05rem 0 .55rem;display:grid}.ai-lock-chip{color:#b9d8c7;background:#030906;border:1px solid #1f3b2c;border-radius:.42rem;align-items:center;gap:.35rem;min-width:0;padding:.32rem .42rem;font-size:.72rem;display:inline-flex}.ai-lock-chip.on{color:#e7fff0;background:#102116;border-color:#2e5a42}.ai-lock-chip input[type=checkbox]{margin:0}.ai-lock-chip span{white-space:nowrap;min-width:0}.ai-provider-select{color:#ecfdf5;background:#000;border:1px solid #1f3b2c;border-radius:.42rem;width:100%;padding:.38rem .52rem}.ai-provider-status-list{gap:.3rem;margin:-.1rem 0 .55rem;display:grid}.ai-provider-status-item{color:#b9d8c7;background:#050d09;border:1px solid #1f3b2c;border-radius:.42rem;justify-content:space-between;gap:.5rem;padding:.35rem .5rem;font-size:.72rem;display:flex}.ai-provider-status-item .ok{color:#86efac}.ai-provider-status-item .pending{color:#93c5fd}.ai-provider-status-item .idle{color:#9ca3af}.ai-provider-status-item .error{color:#fca5a5}.ai-provider-status-item .warn{color:#fcd34d}.ai-provider-key-panel{background:#030906;border:1px solid #1f3b2c;border-radius:.45rem;gap:.35rem;margin:0 0 .6rem;padding:.45rem .5rem;display:grid}.ai-provider-advanced{background:#030906;border:1px solid #1f3b2c;border-radius:.45rem;margin:0 0 .6rem;padding:.35rem .5rem}.ai-provider-advanced summary{cursor:pointer;color:#e7fff0;font-size:.76rem;font-weight:600}.ai-provider-key-row{grid-template-columns:minmax(0,1fr) auto;gap:.4rem;display:grid}.ai-provider-key-input{color:#ecfdf5;background:#000;border:1px solid #1f3b2c;border-radius:.42rem;min-width:0;padding:.38rem .5rem}.ai-loading-state{color:#c8ead6;background:#07110c;border:1px solid #1f3b2c;border-radius:.45rem;align-items:center;gap:.45rem;padding:.5rem .6rem;font-size:.78rem;display:inline-flex}.ai-loading-spinner{border:2px solid #4ade8038;border-top-color:#4ade80;border-radius:999px;flex:none;width:.8rem;height:.8rem;animation:.8s linear infinite ai-spinner-rotate}@keyframes ai-spinner-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.ai-loading-spinner{animation:none}}.ai-debug-state{color:#b9d8c7;background:#050d09;border:1px solid #1f3b2c;border-radius:.45rem;gap:.15rem;padding:.45rem .55rem;font-size:.72rem;display:grid}.ai-debug-state strong{color:#e7fff0;font-size:.74rem}.ai-debug-pill{color:#d7ffee;letter-spacing:.02em;background:#07110c;border:1px solid #1f3b2c;border-radius:999px;align-items:center;width:fit-content;padding:.08rem .38rem;font-size:.63rem;font-weight:600;display:inline-flex}.ai-debug-pill.running{color:#e7fff0;background:#09140f;border-color:#355b47}.ai-debug-pill.completed{color:#c7f7dd;background:#07130d;border-color:#2d6144}.ai-debug-pill.fallback{color:#f6e1ad;background:#151006;border-color:#6a5528}.ai-debug-pill.canceled{color:#d9c8aa;background:#120f0a;border-color:#5b4a2f}.ai-debug-pill.error{color:#ffc8d0;background:#18090b;border-color:#6a2f35}.ai-inline-actions{gap:.35rem;margin-top:.2rem;display:flex}.ai-inline-actions button{color:#e7fff0;background:#0a1510;border:1px solid #2e5a42;border-radius:.4rem;padding:.25rem .45rem;font-size:.7rem}.ai-trace-panel{color:#c8ead6;background:#030906;border:1px solid #1f3b2c;border-radius:.45rem;padding:.35rem .5rem;font-size:.72rem}.ai-trace-panel summary{cursor:pointer;color:#e7fff0;font-weight:600}.ai-trace-grid{gap:.4rem;margin-top:.4rem;display:grid}.ai-trace-label{color:#9ec8b0;margin-bottom:.2rem;font-size:.68rem}.ai-trace-value{color:#e7fff0}.ai-trace-list{flex-wrap:wrap;gap:.28rem;display:flex}.ai-trace-list code{color:#d7ffee;background:#050c09;border:1px solid #1f3b2c;border-radius:.35rem;padding:.14rem .28rem;font-size:.67rem}.ai-trace-pre{color:#d7ffee;white-space:pre-wrap;word-break:break-word;background:#000;border:1px solid #1f3b2c;border-radius:.35rem;max-height:8rem;margin:0;padding:.4rem;font-size:.67rem;line-height:1.25;overflow:auto}.candidate-list{gap:.56rem;margin-top:0;display:grid}.ai-empty-state{color:#9ec8b0;text-align:center;background:#050b08;border:1px dashed #2e5a42;border-radius:.55rem;padding:.65rem;font-size:.82rem}.ai-empty-state .ai-inline-actions{justify-content:center;margin-top:.55rem}.ai-stale-candidates-note{color:#b9c9c0;background:#060b08;border:1px dashed #3a4a42;border-radius:.45rem;padding:.38rem .5rem;font-size:.72rem}.candidate-card{background:#0a1510;border:1px solid #1f3b2c;border-radius:.6rem;padding:.65rem}.candidate-card.is-stale{opacity:.78}.candidate-head{justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.3rem;display:flex}.candidate-card h3{color:#eafff3;margin:0;font-size:.92rem}.candidate-tag{color:#b9d8c7;white-space:nowrap;background:#0d1b13;border:1px solid #2e5a42;border-radius:999px;padding:.2rem .42rem;font-size:.68rem;line-height:1}.candidate-card p{color:#b9d8c7;margin:0 0 .55rem;font-size:.8rem;line-height:1.35}.candidate-meta-row{color:#9ec8b0;justify-content:space-between;gap:.45rem;margin:0 0 .45rem;font-size:.7rem;display:flex}.candidate-path-list{flex-wrap:wrap;gap:.28rem;margin:0 0 .55rem;display:flex}.candidate-path-list code{color:#d7ffee;background:#050c09;border:1px solid #1f3b2c;border-radius:.35rem;padding:.14rem .28rem;font-size:.67rem}.candidate-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;display:grid}.candidate-actions button{color:#e7fff0;background:#0a1510;border:1px solid #2e5a42;border-radius:.45rem;min-height:1.82rem;padding:.2rem .35rem}.candidate-actions button:disabled{opacity:.55;cursor:not-allowed}.candidate-actions .candidate-accept{background:#102116}.candidate-actions .candidate-reject{color:#ffd7d7;background:#1a0b0b;border-color:#5c2c2c}