.faq-block[data-astro-cid-hmbqz6xi]{margin-top:52px}.faq-block[data-astro-cid-hmbqz6xi] h2[data-astro-cid-hmbqz6xi]{color:var(--text);letter-spacing:-.02em;margin-bottom:14px;font-size:25px;font-weight:700}.faq-item[data-astro-cid-hmbqz6xi]{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:10px;padding:0}.faq-item[data-astro-cid-hmbqz6xi] summary[data-astro-cid-hmbqz6xi]{cursor:pointer;align-items:center;gap:10px;padding:14px 18px;list-style:none;display:flex}.faq-item[data-astro-cid-hmbqz6xi] summary[data-astro-cid-hmbqz6xi]:before{content:"+";color:var(--accent-dark);flex-shrink:0;font-size:18px;font-weight:700}.faq-item[data-astro-cid-hmbqz6xi][open] summary[data-astro-cid-hmbqz6xi]:before{content:"–"}.faq-item[data-astro-cid-hmbqz6xi] summary[data-astro-cid-hmbqz6xi] h3[data-astro-cid-hmbqz6xi]{color:var(--text);margin:0;font-size:15.5px;font-weight:700}.faq-item[data-astro-cid-hmbqz6xi] p[data-astro-cid-hmbqz6xi]{color:var(--text-light);margin:0;padding:0 18px 14px 46px;font-size:14.5px}.faq-item[data-astro-cid-hmbqz6xi] p[data-astro-cid-hmbqz6xi] a{color:var(--accent-dark);font-weight:600}.synth{flex-direction:column;gap:14px;max-width:1120px;margin:0 auto;padding:0 20px;display:flex;position:relative}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.stage-tabs{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.stage-tab,.preset-select{font:inherit;border:1px solid var(--stage-line);background:var(--stage-raised);min-height:42px;color:var(--stage-text);border-radius:8px;padding:9px 16px;font-size:13px;font-weight:700}.stage-tab{cursor:pointer;transition:border-color .12s}.stage-tab:hover{border-color:var(--accent)}.rec-tab{color:#ff9c9c;border-color:#7a3b3b}.rec-tab.is-recording{color:#fff;background:#b03030;border-color:#b03030}.preset-select-wrap{display:flex}.preset-select{cursor:pointer;-webkit-appearance:none;appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--accent) 50%), linear-gradient(135deg, var(--accent) 50%, transparent 50%);background-position:calc(100% - 18px),calc(100% - 12px);background-repeat:no-repeat;background-size:6px 6px;padding-right:34px}.preset-select:focus-visible,.stage-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.take-bar{background:var(--stage-raised);border:1px solid var(--stage-line);border-radius:9px;flex-wrap:wrap;align-items:center;gap:12px;padding:8px 14px;font-size:13px;font-weight:600;display:flex}.take-bar-label{color:var(--stage-muted);font-weight:700}.take-bar a{color:var(--accent)}.take-wav-btn{font:inherit;border:1px solid var(--stage-line);color:var(--stage-text);cursor:pointer;background:0 0;border-radius:7px;padding:5px 12px;font-size:12.5px;font-weight:700}.take-wav-btn:hover{border-color:var(--accent)}.take-wav-btn:disabled{opacity:.6;cursor:wait}.midi-bar{background:var(--stage-raised);border:1px solid var(--stage-line);color:var(--stage-muted);border-radius:9px;align-items:center;gap:10px;padding:9px 14px;font-size:13px;display:flex}.midi-dot{background:#5a5a63;border-radius:50%;flex-shrink:0;width:9px;height:9px}.midi-bar--on{color:var(--stage-text);border-color:var(--accent)}.midi-bar--on .midi-dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.midi-connect{background:var(--accent);color:#1d1d21;font:inherit;cursor:pointer;white-space:nowrap;border:none;border-radius:6px;flex-shrink:0;margin-left:auto;padding:5px 12px;font-size:12.5px;font-weight:700}.demo-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.demo-row-label{color:var(--stage-muted);font-size:13px;font-weight:700}.demo-btn{background:var(--stage-raised);border:1px solid var(--stage-line);color:var(--stage-text);font:inherit;cursor:pointer;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:600;transition:border-color .12s,background .12s}.demo-btn:hover{border-color:var(--accent)}.demo-btn.is-playing{background:var(--accent);border-color:var(--accent);color:#1d1d21}.scope{border:1px solid var(--stage-line);background:#141418;border-radius:9px;width:100%;height:96px;display:block}.piano-scroll{-webkit-overflow-scrolling:touch;border-radius:10px;overflow-x:auto}.piano{border:1px solid var(--stage-line);background:#101014;border-radius:10px;gap:0;min-width:640px;height:168px;padding:6px;display:flex;position:relative}.piano-key{font:inherit;cursor:pointer;touch-action:pan-x;-webkit-user-select:none;user-select:none;border:none;flex-direction:column;justify-content:flex-end;align-items:center;padding:0 2px 8px;display:flex;position:relative}.piano-key--white{color:#55503f;background:linear-gradient(#f7f3ea 0%,#e9e3d4 100%);border:1px solid #b9b2a0;border-radius:0 0 6px 6px;min-height:44px;margin:6px 1px}.piano-key--black{color:#8f8c99;z-index:2;background:linear-gradient(#2b2b31 0%,#101014 100%);border:1px solid #000;border-radius:0 0 5px 5px;justify-content:flex-end;height:62%;padding-bottom:10px;position:absolute;top:6px}.piano-key--white.is-active{background:linear-gradient(180deg, var(--accent) 0%, #e09a10 100%);color:#241b02;transition:none;transform:translateY(1px)}.piano-key--black.is-active{background:var(--accent-dark);color:#1d1d21;transform:translateY(1px)}.piano-key{transition:background .15s}.key-cap{font-family:var(--mono);color:var(--accent);border:1px solid var(--stage-line);pointer-events:none;background:#1d1d21;border-bottom-width:3px;border-radius:5px;margin-bottom:4px;padding:1px 6px;font-size:11px;font-weight:700}.key-cap--black{background:var(--stage-raised);font-size:10px}.key-note{font-family:var(--mono);pointer-events:none;font-size:10px;font-weight:600}.key-note--black{color:#b9b6c4;white-space:nowrap;letter-spacing:-.2px;margin-top:3px;font-size:8px}.piano-hint{color:var(--stage-muted);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;display:flex}.piano-hint kbd{padding:1px 6px;font-size:11px}.sustain-btn{font:inherit;border:1px solid var(--stage-line);background:var(--stage-raised);color:var(--stage-text);cursor:pointer;border-radius:7px;min-height:34px;padding:6px 14px;font-size:12px;font-weight:700}.sustain-btn:hover{border-color:var(--accent)}.sustain-btn.is-active{background:var(--accent);border-color:var(--accent);color:#1d1d21}.controls{background:var(--stage-raised);border:1px solid var(--stage-line);border-radius:10px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px;padding:16px;display:grid}.control-group{flex-direction:column;gap:7px;min-width:0;display:flex}.control-label{text-transform:uppercase;letter-spacing:.06em;color:var(--stage-muted);justify-content:space-between;gap:8px;font-size:11px;font-weight:700;display:flex}.control-value{font-family:var(--mono);color:var(--accent);text-transform:none;letter-spacing:0}.controls input[type=range]{-webkit-appearance:none;appearance:none;background:var(--stage-line);cursor:pointer;border-radius:3px;outline:none;width:100%;height:6px}.controls input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--accent);cursor:grab;border:3px solid #141418;border-radius:50%;width:18px;height:18px;box-shadow:0 1px 4px #00000080}.controls input[type=range]::-moz-range-thumb{background:var(--accent);cursor:grab;border:3px solid #141418;border-radius:50%;width:14px;height:14px}.controls input[type=range]:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.segmented{border:1px solid var(--stage-line);border-radius:7px;display:flex;overflow:hidden}.segmented button{color:var(--stage-muted);font:inherit;cursor:pointer;background:0 0;border:none;flex:1;padding:7px 4px;font-size:11.5px;font-weight:700}.segmented button+button{border-left:1px solid var(--stage-line)}.segmented button.is-active{background:var(--accent);color:#1d1d21}.knob-group{flex-direction:column;align-items:center;gap:6px;min-width:0;display:flex}.knob-group .control-label{justify-content:center}.knob{border:1px solid var(--stage-line);cursor:grab;touch-action:none;background:radial-gradient(circle at 34% 30%,#3a3a42 0%,#232328 70%);border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;display:flex;box-shadow:0 3px 10px #00000073,inset 0 1px #ffffff0f}.knob:active{cursor:grabbing}.knob:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.knob-dial{background:conic-gradient(from -135deg, var(--stage-line) 0deg 270deg, transparent 270deg 360deg), radial-gradient(circle at 38% 32%, #46464f 0%, #1a1a1f 75%);border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.knob-pointer{border-radius:50%;width:100%;height:100%;transition:transform 50ms linear;position:relative}.knob-pointer:after{content:"";background:var(--accent);border-radius:2px;width:3px;height:13px;margin-left:-1.5px;position:absolute;top:3px;left:50%;box-shadow:0 0 6px #ffb020cc}.knob-value{font-family:var(--mono);color:var(--accent);font-size:12px}.transport-btn{font:inherit;cursor:pointer;border:1px solid var(--stage-line);background:var(--stage-raised);color:var(--stage-text);border-radius:8px;min-height:42px;padding:9px 16px;font-size:13px;font-weight:700;transition:all .12s}.transport-btn:hover{border-color:var(--accent)}.built-by{color:var(--stage-muted);align-self:flex-end;font-size:12px}.built-by a{color:var(--stage-muted);text-underline-offset:3px;text-decoration:underline}.built-by a:hover{color:var(--accent)}.shortcut-modal{z-index:200;background:#0a0a0cb8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.shortcut-panel{background:var(--stage-raised);border:1px solid var(--stage-line);border-radius:12px;width:100%;max-width:520px;max-height:80vh;padding:20px 24px;overflow-y:auto}.shortcut-head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.shortcut-title{color:var(--stage-text);font-size:17px;font-weight:700}.shortcut-table{border-collapse:collapse;width:100%;color:var(--stage-text);font-size:13.5px}.shortcut-table td{border-bottom:1px solid var(--stage-line);padding:8px 6px}.shortcut-table td:first-child{white-space:nowrap;padding-right:16px}@media (width<=760px){.midi-bar{flex-wrap:wrap}.stage-tabs{gap:7px}.stage-tab,.preset-select{text-align:left;flex:1;min-width:0}.preset-select-wrap{flex:1}.preset-select{width:100%}.piano{min-width:1080px;height:150px}.piano-key--white{min-width:41px}.synth{padding:0 12px}.controls{grid-template-columns:repeat(2,1fr);gap:10px;padding:12px}.control-group{gap:5px}.segmented button{letter-spacing:-.2px;padding:7px 2px;font-size:10px}.take-bar{width:100%}}.synth{gap:12px}.sound-status{color:var(--stage-text);flex-wrap:wrap;align-items:center;gap:10px;min-height:44px;font-size:14px;display:flex}.sound-light{background:var(--stage-muted);border-radius:50%;width:7px;height:7px}.sound-light.is-on{background:var(--accent);box-shadow:0 0 12px #ffb02055}.sound-status-hint{color:var(--stage-muted);margin-left:auto}.enable-sound{background:var(--accent);font:inherit;color:#171719;cursor:pointer;border:0;border-radius:7px;padding:11px 18px;font-weight:700}.stage-tabs{gap:8px}.stage-tab,.preset-select{min-height:44px;font-size:14px}.preset-select-wrap{min-width:180px}.preset-select{width:100%}.panic-btn{color:var(--stage-muted);margin-left:auto}.demo-row{gap:8px}.demo-btn{border-radius:7px;min-height:44px;font-size:14px}.scope{opacity:.7;border:0;height:32px}.piano{height:180px}.piano-key{touch-action:none}.key-cap{font-size:12px}.key-note--black{font-size:9px}.piano-hint{margin:0}.quick-controls{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:16px 22px}.quick-controls .knob-group{align-items:center}.control-label{font-size:12px}.advanced-toggle{text-align:left;border:0;border-top:1px solid var(--stage-line);width:100%;color:var(--stage-text);cursor:pointer;font:inherit;background:0 0;align-items:center;gap:12px;padding:14px 0;font-size:14px;font-weight:700;display:flex}.advanced-toggle span{color:var(--stage-muted);font-size:12px;font-weight:400}.advanced-controls[hidden]{display:none}.sound-library,.recordings{border:1px solid var(--stage-line);background:var(--stage-raised);border-radius:10px;padding:16px}.library-heading{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:12px;font-size:14px;display:flex}.library-heading span{color:var(--stage-muted);font-size:12px}.save-sound-form{flex-wrap:wrap;gap:8px;display:flex}.save-sound-form input{background:var(--stage-bg,#141417);min-width:140px;color:var(--stage-text);border:1px solid var(--stage-line);font:inherit;border-radius:7px;flex:1;padding:10px 12px;font-size:16px}.sound-library p{color:var(--stage-muted);margin-top:12px;font-size:14px}.saved-sound{align-items:center;gap:4px;margin:10px 12px 0 0;display:inline-flex}.remove-sound{min-height:44px;color:var(--stage-muted);cursor:pointer;background:0 0;border:0;padding:8px}.sound-notice{color:var(--stage-muted);margin:0;font-size:12px}.synth-error{color:#ffcbcb;background:#422626;border-radius:8px;padding:12px;font-size:14px}.take-bar{margin-top:10px}.take-bar audio{flex:1;min-width:180px;max-width:380px;height:36px}.take-bar a,.take-wav-btn{align-items:center;min-height:44px;display:inline-flex}.octave-nav{font-family:var(--mono);justify-content:space-between;align-items:center;gap:8px;font-size:13px;display:flex}.synth button:focus-visible,.synth input:focus-visible,.synth a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.synth button:disabled{opacity:.45;cursor:not-allowed}@media (width<=760px){.sound-status-hint{display:none}.synth{gap:10px;padding:0 16px}.stage-tabs{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.stage-tabs .preset-select-wrap{grid-column:span 2;min-width:0}.stage-tabs .stage-tab{text-align:center;width:100%;padding:9px 6px}.stage-tabs .panic-btn{margin:0}.demo-row{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.demo-row-label{display:none}.demo-btn{text-align:left;padding:8px}.piano{min-width:568px;height:168px}.piano-key--white{min-width:0}.piano-scroll{padding-bottom:6px}.piano-hint{font-size:12px}.quick-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px 8px}.quick-controls .control-label{font-size:10px}.quick-controls .control-value{display:block}.advanced-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.take-bar audio{flex-basis:100%;width:100%;max-width:none}.sound-library,.recordings{padding:12px}}.keyboard-view{color:var(--stage-muted);align-items:center;gap:12px;font-size:12px;display:flex}.keyboard-view input{min-width:0;accent-color:var(--accent);flex:1;height:32px}.piano{min-width:0;height:200px}.piano-key .key-cap{justify-content:center;align-items:center;min-width:28px;height:30px;font-size:16px;display:flex;bottom:26px}.piano-key--black .key-cap{bottom:32px}.piano-key .key-note{font-size:12px;bottom:7px}.octave-nav{flex-wrap:wrap;justify-content:flex-start;font-family:inherit}.octave-range{text-align:center;min-width:94px;color:var(--stage-muted);font-size:13px}.note-toggle{min-height:44px;color:var(--stage-muted);cursor:pointer;align-items:center;gap:8px;margin-left:auto;font-size:13px;display:inline-flex}.note-toggle input{accent-color:var(--accent);width:16px;height:16px}@media (width<=760px){.piano{min-width:0;height:180px}.piano-key .key-cap{display:none}.piano-scroll{padding-bottom:0;overflow:hidden}.octave-nav{gap:6px}.octave-nav .stage-tab{padding:8px 10px;font-size:13px}.octave-range{min-width:0;font-size:12px}.note-toggle{gap:5px;font-size:12px}.piano-key .key-note{font-size:11px}}