:root{--bg:#f5f4f8;--panel:#fff;--text:#1c1a24;--muted:#6a6680;--line:#dcd9e5;--accent:#5b3fd0;--accent-text:#fff;--warn:#b35a00;--wave:#b9b5c8;--outside:#1c1a240f;--grid:#efedf4;--grid-strong:#d7d3e2;--pitch-original:#e69f00;--pitch-edited:#b8960b;--strip:#ecebf2;--band-head:#56b4e9;--band-sustain:#009e73;--band-tail:#cc79a7;--band-text:#fff;--handle:#4a4660;--key-white:#fff;--key-black:#26232f;--key-down:#8f78f0;--key-root:#e69f00;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#131219;--panel:#1d1b26;--text:#ebe8f4;--muted:#9a96ae;--line:#34313f;--accent:#9b82ff;--accent-text:#131219;--warn:#f0a24a;--wave:#3f3b4d;--outside:#00000059;--grid:#24222e;--grid-strong:#34313f;--pitch-original:#e69f00;--pitch-edited:#f0e442;--strip:#24222e;--band-head:#3d8fc0;--band-sustain:#00845f;--band-tail:#a85d88;--band-text:#fff;--handle:#b6b2c8;--key-white:#e9e7f0;--key-black:#0e0d13;--key-down:#9b82ff;--key-root:#e69f00;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}[hidden]{display:none!important}body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;margin:0;font:15px/1.6 system-ui,-apple-system,Segoe UI,Hiragino Sans,Yu Gothic UI,sans-serif}#app{max-width:1100px;padding:12px max(16px, env(safe-area-inset-right)) 40px max(16px, env(safe-area-inset-left));margin:0 auto}button,.button,label,select,input,summary{touch-action:manipulation}@media (pointer:coarse){input:not([type=range]):not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px}}.top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}h1{letter-spacing:.04em;margin:4px 0;font-size:20px}.row{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.row.tight{gap:6px}.status{color:var(--muted);min-height:1.6em;margin:6px 0 10px;font-size:13px}.fine{color:var(--muted);font-size:13px}.warn{color:var(--warn);margin:6px 0;font-size:14px}.num{font-variant-numeric:tabular-nums}.visually-hidden{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.button{border:1px solid var(--line);background:var(--panel);min-height:40px;color:var(--text);font:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 16px;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}.button.small{min-height:34px;padding:4px 10px;font-size:13px}.button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.empty{border:2px dashed var(--line);text-align:center;background:var(--panel);border-radius:12px;padding:40px 20px}.empty .row{justify-content:center;margin:16px 0}.empty-title{margin:0 0 8px;font-size:22px;font-weight:700}.workspace{gap:14px;display:grid}.steps{border:1px solid var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel));border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:10px 14px;display:flex}.steps ol{flex-wrap:wrap;gap:4px 24px;margin:0;padding-left:1.2em;font-size:14px;display:flex}.steps li::marker{color:var(--accent);font-weight:700}.hint{margin:0 0 6px}.spacer{flex:8px}.cut-bar{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;padding-bottom:10px;display:flex}.cut-select{min-width:9em}.cut-name{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;width:10em;min-height:36px;padding:4px 8px}.button:disabled{opacity:.45;cursor:default}.queue-list{gap:4px;margin:8px 0;padding:0;list-style:none;display:grid}.queue-list li{border:1px solid var(--line);border-radius:8px;flex-wrap:wrap;align-items:center;gap:6px 10px;padding:6px 10px;display:flex}.queue-list li.current{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--panel))}.queue-name{word-break:break-all;font-weight:600}.queue-list li .fine{flex:10em}.picker-title{margin:0 0 8px}.picker-canvas{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;width:100%;height:120px;display:block}.picker-panel .row{margin-top:10px}details.sub{border:1px solid var(--line);border-radius:8px;margin:8px 0 0;padding:6px 10px}details.sub>summary{cursor:pointer;font-weight:600}.control.disabled{opacity:.45}.fix-bar{border:1px dashed var(--line);border-radius:8px;gap:6px;margin-top:10px;padding:8px 10px;display:grid}.note-row{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.note-select{min-width:7em;min-height:44px;font-size:20px;font-weight:700}.note-row .button.small{min-width:44px;min-height:44px;font-size:18px}.control.preset{grid-template-columns:minmax(8em,13em) minmax(0,1fr)}.length{grid-template-columns:minmax(8em,13em) minmax(0,1fr);align-items:center;gap:6px 8px;margin:6px 0;display:grid}.length>.control-label{grid-row:1/span 3;align-self:start;padding-top:8px}.length-row{grid-column:2;align-items:center;gap:8px;display:flex}.length>.fine{grid-column:2}.length.disabled .length-row{opacity:.45;pointer-events:none}input[type=number]{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;width:5.5em;min-height:36px;padding:4px 8px}input[type=radio]{width:20px;height:20px;accent-color:var(--accent)}.control.destination{grid-template-columns:minmax(6em,8em) minmax(0,1fr)}.help{margin:4px 0 10px}.export-actions{flex-wrap:wrap;gap:10px;margin:8px 0;display:flex}.button.big{flex:8em;min-height:48px;padding:8px 22px;font-size:16px}.file-name{word-break:break-all;font-size:13px}details.params>summary{cursor:pointer;font-weight:700}.params-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px 24px;margin-top:10px;display:grid}.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;min-width:0;padding:14px}.editor-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 16px;margin-bottom:8px;display:flex}.root-box{align-items:baseline;gap:8px;display:flex}.root-label{font-size:22px}.editor{margin-top:6px}.editor-canvas{background:var(--bg);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;border-radius:8px;width:100%;height:330px;display:block}.legend{margin:8px 0 0}.swatch{vertical-align:middle;width:22px;height:0;margin:0 4px 0 0;display:inline-block}.swatch.original{border-top:2px dashed var(--pitch-original)}.swatch.edited{border-top:4px solid var(--pitch-edited)}.control{grid-template-columns:minmax(8em,13em) minmax(0,1fr) 5em;align-items:center;gap:8px;margin:6px 0;display:grid}.editor-bar .control{margin:0;display:flex}.control.check{gap:8px;display:flex}.control-label{font-size:14px}.control output{text-align:right;color:var(--muted);font-size:13px}.control input[type=range]{width:100%;accent-color:var(--accent)}.control input[type=checkbox]{width:20px;height:20px;accent-color:var(--accent)}select,.control input[type=text],.control input[type=url]{font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:6px;min-width:0;min-height:36px;padding:4px 8px}:is(.credit .control,.params .control:has(select)){grid-template-columns:minmax(8em,13em) minmax(0,1fr)}fieldset{border:none;min-width:0;margin:0;padding:0}legend{margin-bottom:4px;padding:0;font-weight:700}details.credit summary{cursor:pointer;margin-bottom:6px;font-weight:700}.keys-panel .row{margin-bottom:8px}.piano{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;height:150px;position:relative}.key{cursor:pointer;border-radius:0 0 6px 6px;position:absolute;top:0}.key.white{background:var(--key-white);border:1px solid var(--line);z-index:1;height:100%}.key.black{background:var(--key-black);z-index:2;height:60%}.key.down{background:var(--key-down)}.key.root:after{content:"";background:var(--key-root);border:2px solid var(--panel);border-radius:50%;width:10px;height:10px;margin-left:-5px;position:absolute;bottom:18px;left:50%}.key-label{text-align:center;color:#6a6680;pointer-events:none;width:100%;font-size:11px;position:absolute;bottom:2px}@media (width<=600px){#app{padding:10px 12px 32px}.panel{padding:12px}.control{grid-template-columns:1fr 4.5em}.control-label{grid-column:1/-1}.control.preset,.control.destination,.length{grid-template-columns:1fr}.length>.control-label{grid-row:auto;padding-top:0}.length-row,.length>.fine{grid-column:1}.editor-canvas{height:270px}.piano{height:130px}.steps ol{flex-direction:column}}.song-body{gap:10px;margin-top:8px;display:grid}.song-body select{max-width:100%}.song-transport{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}.song-seek{min-width:0;accent-color:var(--accent);flex:200px}details.sub.fx>summary.on{color:var(--accent)}.parts-row{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0;display:flex}.part-fixed{border:2px solid var(--band-head);background:var(--band-head);color:var(--band-text);border-radius:999px;padding:6px 12px;font-weight:600}.part-switch{border:2px solid var(--part);min-height:36px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;padding:4px 6px 4px 12px;font-weight:600;display:inline-flex}.part-switch[aria-checked=true]{background:var(--part);color:var(--band-text)}.part-state{background:color-mix(in srgb, var(--panel) 85%, transparent);min-width:2.6em;color:var(--text);text-align:center;border-radius:999px;padding:2px 6px;font-size:12px}.part-switch[aria-checked=false] .part-name{opacity:.7;text-decoration:line-through}.fx-head{color:var(--muted);letter-spacing:.04em;margin:14px 0 2px;font-size:12px;font-weight:600}.fx-active{color:var(--accent);margin:2px 0 0}.seek-row{margin:4px 0 6px}.seek-bar{min-width:0;accent-color:var(--accent);flex:160px}.seek-clock{white-space:nowrap}.transport{gap:8px}.play-button{min-width:44px;font-size:16px}.play-button.playing{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.mode-toggle{border:1px solid var(--line);border-radius:999px;display:inline-flex;overflow:hidden}.mode-button{min-height:34px;color:var(--text);font:inherit;cursor:pointer;background:0 0;border:0;padding:0 12px}.mode-button[aria-pressed=true]{background:var(--accent);color:var(--accent-text)}.fix-status{color:var(--accent)}details.hint>summary{cursor:pointer}details.hint>p{margin:6px 0 0}@media (pointer:coarse){.button.small{min-height:40px}}details.fx-panel>summary{cursor:pointer;list-style:none}details.fx-panel>summary::-webkit-details-marker{display:none}details.fx-panel>summary:before{content:"▸";color:var(--muted);margin-right:6px}details.fx-panel[open]>summary:before{content:"▾"}.root-box{flex-wrap:wrap}.root-nudge{margin-left:4px}.part-fixed{color:var(--text);background:0 0;border-style:dashed}@media (pointer:coarse){.zoom-fine{display:none}}.editor-canvas:focus{outline:none}.length-row{flex-wrap:wrap}.length-row input[type=number]{width:4.5em;min-width:0}.params-grid{grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr))}fieldset,.panel select,.row,.control{min-width:0;max-width:100%}.root-help{flex-basis:100%}.band-legend{margin:4px 0 0}.band-dot{vertical-align:middle;border-radius:3px;width:10px;height:10px;margin-right:4px;display:inline-block}.band-dot.head{background:var(--band-head)}.band-dot.sustain{background:var(--band-sustain)}.band-dot.tail{background:var(--band-tail)}.keys-panel.pinned{z-index:3;max-width:760px;padding-bottom:calc(12px + env(safe-area-inset-bottom));padding-left:max(20px, env(safe-area-inset-left));padding-right:max(20px, env(safe-area-inset-right));border-radius:12px 12px 0 0;margin:0 auto;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 16px #0000002e}body.keys-pinned{padding-bottom:calc(var(--keys-height,190px) + 8px)}@media (pointer:coarse){body.typing .keys-panel.pinned{visibility:hidden;pointer-events:none}}.keys-panel.pinned .piano{height:100px}.keys-panel.pinned>.fine:last-child{display:none}details.sub.credit>summary{font-weight:600}