:root{--bg:#f6f8fc;--card:#fff;--ink:#18253a;--muted:#6f7d91;--line:#e0e8f2;--blue:#357fed;--light:#eaf3ff;--radius:19px;--shadow:0 12px 32px rgba(38,67,109,.045);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .15s,border-color .15s,transform .15s}button:disabled{opacity:.45;cursor:not-allowed}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #71a7f5!important;outline-offset:3px}h1,h2,h3,p{margin-top:0}h2{font-size:18px;letter-spacing:-.4px;margin-bottom:0}h3{font-size:17px}p{line-height:1.65}.topbar{display:flex;justify-content:space-between;align-items:center;gap:18px;background:rgba(255,255,255,.95);border-bottom:1px solid var(--line);padding:13px clamp(18px,3vw,52px);min-height:69px}.brand{display:flex;align-items:center;gap:9px;font-size:17px;letter-spacing:-.5px;font-weight:800;white-space:nowrap}.brand-icon{background:linear-gradient(145deg,#258df4,#69c3f9);width:29px;height:29px;border-radius:9px;color:#fff;display:grid;place-items:center}.crumb{font-size:12px;color:#8894a7;font-weight:500;margin-left:9px;letter-spacing:0}.hero-actions,.top-actions{display:flex;align-items:center;gap:10px}.top-actions{flex-wrap:wrap;justify-content:end}.privacy{font-size:12px;color:#587187;white-space:nowrap;margin-right:10px}.dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:#16b998;margin-right:4px}.danger,.ghost,.primary,.quiet,.secondary{border-radius:11px;border:1px solid var(--line);background:#fff;color:#3b4d65;padding:10px 15px;font-size:13px;font-weight:700;white-space:nowrap}.ghost:hover,.quiet:hover,.secondary:hover{background:#f1f6fd}.primary{background:var(--blue);border-color:var(--blue);color:#fff;box-shadow:0 5px 11px #237bda24}.primary:hover{background:#246add}.danger{color:#d44455;background:#fff7f9;border-color:#f8d9de}.danger:hover{background:#ffecef}.sm{padding:10px 14px}.block{width:100%}.app-shell{max-width:1690px;padding:0 clamp(16px,2.6vw,44px);margin:0 auto}.hero{display:flex;align-items:end;justify-content:space-between;gap:20px;padding:32px 0 25px}.eyebrow{font-weight:800;color:#7695b8;letter-spacing:2px;font-size:10px}.ver{color:#287ee8;background:#e3f0ff;border-radius:4px;padding:3px 6px;letter-spacing:.4px;margin-left:3px}.hero h1{font-size:clamp(29px,3.4vw,41px);letter-spacing:-1.7px;line-height:1.2;margin:9px 0}.blue{color:#3399f2}.hero p{color:var(--muted);font-size:14px;line-height:1.65;margin:0;max-width:730px}.meta-bar{display:grid;grid-template-columns:2.1fr 1.4fr .68fr .8fr .68fr;gap:12px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:14px;box-shadow:var(--shadow);margin-bottom:17px}.field-label,.meta-bar label,.part-add label,.toolstrip label{font-size:11px;color:#65768b;font-weight:750;display:block}.inspector input:not([type=range]),.inspector select,.meta-bar input,.meta-bar select,.part-add select,.toolstrip select{width:100%;border:1px solid #dfe6ef;background:#fbfcff;border-radius:9px;margin-top:6px;color:#2d405b;padding:10px;outline:0;min-width:0;font-size:13px}.inspector input:focus,.inspector select:focus,.meta-bar input:focus,.meta-bar select:focus{border-color:#75adf7}.suffix{float:right;color:#9eacbb}.studio{display:grid;grid-template-columns:minmax(190px,234px) minmax(0,1fr) minmax(230px,274px);gap:16px;align-items:start}.panel,.workarea{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);min-width:0}.panel{padding:20px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:5px}.panel-heading h2,.work-title h2{margin-top:5px}.count{font-size:11px;color:#8896aa;font-weight:700}.part-list{display:flex;flex-direction:column;gap:10px}.part-card{position:relative;border:1px solid #e0e8f1;border-radius:12px;padding:11px;background:#fff}.part-card.active{border-color:#73aaee;background:#f5faff;box-shadow:0 0 0 2px #e8f3ff}.part-main{display:flex;align-items:center;gap:10px;width:100%;padding:0;border:0;background:0 0;text-align:left;color:var(--ink)}.part-icon{border-radius:9px;width:33px;height:36px;display:grid;place-items:center;font-size:16px;color:#fff;flex:none}.part-meta{min-width:0;flex:1}.part-meta strong{display:block;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.part-meta small{font-size:11px;color:#8593a5}.part-controls{display:flex;gap:5px;margin-top:10px;flex-wrap:wrap}.pill{min-width:35px;border-radius:7px;border:1px solid #dce5f0;background:#fff;color:#72849a;font-size:10px;font-weight:750;padding:6px 8px;flex:1}.pill.active{color:#236fcb;border-color:#b9d8fa;background:#e8f3ff}.pill.danger-sub:hover{color:#d14455}.part-add{border-top:1px solid var(--line);margin-top:18px;padding-top:17px;display:grid;gap:10px}.part-add select{margin-top:0}.small-tip{margin-top:22px;border-radius:12px;padding:13px;font-size:12px;color:#71839b;background:#f4f8fc;line-height:1.65}.small-tip strong{color:#4387d6}.work-top{padding:19px 21px;display:flex;align-items:center;justify-content:space-between;gap:10px}.history-controls{display:flex;gap:5px;align-items:center}.icon-button{width:32px;height:32px;border:1px solid #e0e8f1;background:#fff;color:#59718d;border-radius:9px;font-size:18px}.icon-button:hover{background:#f1f6fd}.zoom{width:42px;text-align:center;color:#8b99aa;font-size:10px;font-weight:750}.toolstrip{display:flex;align-items:end;gap:10px;flex-wrap:wrap;padding:11px 19px;background:#f9fbfe;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.toolstrip label{display:flex;gap:6px;align-items:center;font-size:11px;white-space:nowrap}.toolstrip select{margin:0;padding:8px;max-width:145px}.tool-note{font-size:11px;color:#97a5b6;margin-left:auto}.score-wrap{height:clamp(280px,42vw,515px);overflow:auto;background:linear-gradient(#edf2fa,#f6f8fc);padding:20px;scrollbar-color:#c8d7e7 transparent}.score-scale{width:max-content;transform-origin:0 0}.score-scale svg{display:block;background:#fff;box-shadow:0 10px 34px #2648751a;border-radius:3px}.score-note:focus ellipse,.score-note:hover ellipse{stroke:#fc9f46;stroke-width:3}.score-note.selected ellipse{stroke:#d35d36!important;stroke-width:3}.transport{display:flex;align-items:center;gap:11px;padding:14px 18px;border-top:1px solid var(--line);flex-wrap:wrap}.play{border-radius:10px;border:0;background:#2680ee;color:#fff;padding:11px 14px;font-weight:750;font-size:13px;white-space:nowrap}.play:hover{background:#1d6ad0}.seek{flex:1;min-width:85px}.seek input{width:100%;accent-color:#3089f0}.time-readout{font-size:11px;font-variant-numeric:tabular-nums;color:#576c85;white-space:nowrap}.loop-toggle{font-size:11px;color:#69809a;white-space:nowrap;display:flex;align-items:center;gap:4px}.loop-toggle input{accent-color:#3089f0}.audio-label{font-size:10px;color:#a0aab9;white-space:nowrap}.work-footer{padding:12px 19px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:11px;color:#90a0b2}.inspector .panel-heading{margin-bottom:12px}.note-symbol{width:61px;height:61px;border-radius:17px;background:#eff6fe;display:grid;place-items:center;font-size:29px;color:#338bf0;margin:0 auto 13px}.empty-inspector{text-align:center;padding:21px 6px 34px}.empty-inspector strong{font-size:14px}.empty-inspector p{font-size:12px;color:#91a0b2;line-height:1.65;margin:10px 0 0}.selected-label{display:flex;align-items:center;gap:8px;padding:10px;border-radius:10px;background:#f6f9fe;margin-bottom:16px}.indicator{width:11px;height:11px;border-radius:50%;background:#3888eb}.selected-label strong{font-size:16px}.muted{font-size:11px;color:#8596ab}.inspector .field-label{margin:0 0 15px;font-size:11px}.inspector input[type=range]{width:100%;accent-color:#3289ed}.minor-value{float:right;color:#3289ed}.micro{font-size:11px;color:#96a2b2;line-height:1.6;margin:-7px 0 16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:13px}.note-actions button{padding:9px 8px;white-space:normal;font-size:11px}.divider{height:1px;background:var(--line);margin:20px 0}.export-panel h3{margin:7px 0}.export-panel p{font-size:12px;color:#8899ad}.export-panel button{margin:0 0 8px;text-align:left}.export-panel .micro{margin:9px 0 0}.info{padding:48px 5px 55px}.info h2{font-size:23px;letter-spacing:-.6px}.info>p{font-size:14px;color:#788ba3;max-width:1000px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:23px 0}.info-grid>div{background:#fff;padding:20px;border:1px solid var(--line);border-radius:14px}.info-grid strong{font-size:13px}.info-grid p{font-size:12px;color:#8898ac;margin:7px 0 0}.info .disclosure{font-size:12px}.toast{position:fixed;right:22px;bottom:22px;z-index:30;background:#192c47;color:#fff;padding:14px 20px;border-radius:11px;box-shadow:0 10px 28px #1c395344;font-size:13px;max-width:450px}.toast.error{background:#a52e4c}#printArea{display:none}.sr-only{position:absolute;width:1px;height:1px;clip:rect(0,0,0,0);overflow:hidden}@media(max-width:1260px){.studio{grid-template-columns:195px minmax(0,1fr)}.inspector{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.inspector>.panel-heading{grid-column:1/-1}.inspector>.divider{display:none}.inspector>.export-panel{grid-column:2;grid-row:2}.inspector>#emptyInspector,.inspector>#noteInspector{grid-column:1;grid-row:2}}@media(max-width:860px){.topbar{align-items:start;flex-wrap:wrap}.crumb{display:none}.top-actions{width:100%;justify-content:start}.hero{align-items:start;flex-direction:column}.meta-bar{grid-template-columns:repeat(6,1fr)}.meta-bar label:first-child,.meta-bar label:nth-child(2){grid-column:span 3}.meta-bar label:nth-child(n+3){grid-column:span 2}.studio{grid-template-columns:1fr}.parts{display:grid;grid-template-columns:1fr 1fr;column-gap:17px}.parts>.panel-heading{grid-column:1/-1}.part-list{grid-column:1}.part-add{grid-column:2;grid-row:2;margin-top:0;border-top:0}.small-tip{grid-column:1/-1;margin-top:12px}.inspector{grid-column:auto}.score-wrap{height:420px}.info-grid{grid-template-columns:1fr}}@media(max-width:570px){.app-shell{padding:0 12px}.hero{padding-top:24px}.hero h1{font-size:30px}.hero-actions{width:100%}.hero-actions button{flex:1}.privacy{display:none}.top-actions .primary,.top-actions .quiet{flex:1;padding:9px 6px}.meta-bar{grid-template-columns:repeat(2,1fr);gap:8px;padding:10px}.meta-bar label:nth-child(n){grid-column:span 1}.meta-bar label:first-child{grid-column:span 2}.parts{display:block}.part-add{margin-top:16px;border-top:1px solid var(--line)}.work-top{padding:16px 12px}.toolstrip{padding:12px;gap:8px}.toolstrip label{display:grid;gap:3px}.tool-note{margin:0}.score-wrap{padding:12px;height:355px}.transport{padding:12px;gap:8px}.audio-label{display:none}.transport .seek{order:4;flex-basis:100%}.inspector{display:block}.inspector>.export-panel{margin-top:15px}.inspector>.divider{display:block}.work-footer span:nth-child(2){display:none}.info{padding-top:32px}}@media(prefers-reduced-motion:reduce){button{transition:none}}@media print{@page{size:A4 portrait;margin:12mm}body,html{background:#fff!important;margin:0!important;padding:0!important}#toast,.app-shell,.topbar{display:none!important}#printArea{display:block!important}.print-page{break-after:page;page-break-after:always;width:100%;min-height:200mm;display:flex;flex-direction:column;justify-content:flex-start}.print-page:last-child{break-after:auto}.print-page svg{display:block;width:100%;height:auto;max-height:250mm}.print-foot{font:10px Arial,sans-serif;color:#999;text-align:right;margin-top:10px}}.entry-panel .micro{margin-top:8px}.entry-panel .secondary{margin-top:3px}.entry-panel h3{margin:7px 0 12px}.entry-panel .field-label{display:block}@media(max-width:1260px){.inspector>.entry-panel{grid-column:1;grid-row:3;margin-top:20px}.inspector>.part-properties{grid-column:1;grid-row:4}.inspector>.export-panel{grid-row:2/5}}@media(max-width:570px){.inspector>.entry-panel,.inspector>.export-panel,.inspector>.part-properties{grid-column:auto;grid-row:auto;margin-top:15px}}.arrangement-tools h3{margin:7px 0 13px}.arrangement-tools .micro{margin:7px 0 14px}.arrangement-tools .secondary{margin:10px 0 16px}.arrangement-tools .transpose-label{display:block;margin:3px 0 0}.arrangement-tools .transpose-label select{margin-top:7px}.arrangement-tools .split input{min-width:0}@media(max-width:1260px){.inspector>.arrangement-tools{grid-column:1;grid-row:5}.inspector>.export-panel{grid-row:2/6}}@media(max-width:570px){.inspector>.arrangement-tools,.inspector>.export-panel{grid-column:auto;grid-row:auto;margin-top:15px}}.export-panel #cancelWavBtn{border-color:#d8a8b0;color:#b73d58}.export-panel #wavProgress{margin:3px 0 13px;color:#40729e;white-space:normal}.export-panel #cancelWavBtn[hidden],.export-panel #wavProgress[hidden]{display:none}@media print{body>:not(#printArea){display:none!important}body>#printArea{display:block!important}}