@font-face{font-family:Inter;font-weight:400;font-display:swap;src:url(./Inter-Regular-C_F0_eS_.ttf)format("truetype")}@font-face{font-family:Inter;font-weight:500 600;font-display:swap;src:url(./Inter-SemiBold-CoRPLEbp.ttf)format("truetype")}@font-face{font-family:Inter;font-weight:700;font-display:swap;src:url(./Inter-Bold-CGGXExDp.ttf)format("truetype")}@font-face{font-family:Noto Music;font-weight:400;font-display:swap;src:url(./NotoMusic-Regular-DJhLBqB9.ttf)format("truetype");unicode-range:U+266D-266F,U+1D1??;size-adjust:125%}:root{--bg:#f6f8f8;--surface:#fff;--ink:#262b30;--ink-2:#4a5157;--muted:#6e767b;--faint:#a9b1b5;--line:#e1e6e8;--line-2:#cfd6d9;--petrol:#0f6e73;--petrol-dark:#0a5357;--petrol-soft:#d9ecec;--petrol-tint:#eef6f6;--danger:#b4443a;--danger-soft:#f8e6e4;--warn:#9a6a12;--warn-soft:#fbf1dc;--radius:16px;--radius-s:10px;--shadow:0 1px 2px #141e230a, 0 4px 16px #141e230d;--shadow-l:0 2px 6px #141e230f, 0 12px 40px #141e2314;--font:"Inter", "Noto Music", system-ui, -apple-system, "Segoe UI", sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;margin:0;font-size:15px;line-height:1.45}h1,h2,h3{letter-spacing:-.01em;margin:0}h2{font-size:18px;font-weight:700}h3{color:var(--ink-2);font-size:14px;font-weight:700}p{margin:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}:focus-visible{outline:2px solid var(--petrol);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:12.5px}.grow{flex:1}svg{display:block}.btn{border:1px solid var(--line-2);background:var(--surface);white-space:nowrap;height:40px;color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:0 16px;font-size:14px;font-weight:600;text-decoration:none;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--petrol);color:var(--petrol-dark)}.btn.primary{background:var(--petrol);border-color:var(--petrol);color:#fff}.btn.primary:hover:not(:disabled){background:var(--petrol-dark);color:#fff}.btn.ghost{background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--petrol-tint)}.btn.danger{color:var(--danger);border-color:#e7c3bf}.btn.danger:hover:not(:disabled){background:var(--danger-soft);border-color:var(--danger);color:var(--danger)}.btn.small{height:32px;padding:0 12px;font-size:13px}.btn.big{height:52px;padding:0 26px;font-size:16px}.icon-btn{width:34px;height:34px;color:var(--ink-2);background:0 0;border:none;border-radius:50%;place-items:center;transition:background .15s,color .15s;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--petrol-tint);color:var(--petrol-dark)}.icon-btn.danger:hover:not(:disabled){background:var(--danger-soft);color:var(--danger)}.icon-btn.with-label{border-radius:999px;gap:6px;width:auto;padding:0 12px;display:inline-flex}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px}.card-head{flex-wrap:wrap;align-items:baseline;gap:14px;margin-bottom:16px;display:flex}.card-head.collapsible{text-align:left;background:0 0;border:none;align-items:center;width:100%;margin:0;padding:0}.card-head.collapsible .muted{flex:1}.field{flex-direction:column;gap:5px;min-width:0;display:flex}.field>span,.stepper-label{color:var(--muted);font-size:12px;font-weight:600}.field.inline{flex-direction:row;align-items:center;gap:8px}.field.narrow{max-width:140px}input,select,textarea{border-radius:var(--radius-s);border:1px solid var(--line-2);background:#fff;min-width:0;height:40px;padding:0 12px;transition:border-color .15s,box-shadow .15s}textarea{resize:vertical;height:auto;padding:10px 12px}input:focus,select:focus,textarea:focus{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-soft);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}.stepper{flex-direction:column;gap:5px;display:flex}.stepper-box{border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;height:40px;display:inline-flex}.stepper-box button{width:40px;height:38px;color:var(--ink-2);background:0 0;border:none;border-radius:999px;place-items:center;display:grid}.stepper-box button:hover:not(:disabled){background:var(--petrol-tint);color:var(--petrol-dark)}.stepper-value{text-align:center;font-variant-numeric:tabular-nums;min-width:40px;font-weight:700}.segmented-wrap{flex-direction:column;gap:5px;display:flex}.segmented{background:#eef1f2;border-radius:999px;padding:3px;display:inline-flex}.segmented button{height:34px;color:var(--ink-2);white-space:nowrap;background:0 0;border:none;border-radius:999px;padding:0 14px;font-size:13.5px;font-weight:600}.segmented button.on{color:var(--petrol-dark);background:#fff;box-shadow:0 1px 3px #0000001a}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;display:flex}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-track{background:var(--line-2);border-radius:11px;flex:none;width:38px;height:22px;transition:background .15s;position:relative}.toggle-thumb{background:#fff;border-radius:50%;width:16px;height:16px;transition:transform .15s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #0003}.toggle input:checked+.toggle-track{background:var(--petrol)}.toggle input:checked+.toggle-track .toggle-thumb{transform:translate(16px)}.toggle input:focus-visible+.toggle-track{outline:2px solid var(--petrol);outline-offset:2px}.badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;height:22px;padding:0 9px;font-size:11.5px;font-weight:600;display:inline-flex}.badge.linked{background:var(--petrol-soft);color:var(--petrol-dark)}.badge.variant{background:var(--warn-soft);color:var(--warn);border:1px dashed #d9b46a}.badge.plain{color:var(--muted);background:#eef1f2}.dot{background:var(--kind,var(--petrol));border-radius:50%;flex:none;width:10px;height:10px;display:inline-block}.dot.big{width:14px;height:14px}.banner{border-radius:12px;flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:16px;padding:12px 14px;font-size:14px;display:flex}.banner>svg{flex:none;margin-top:1px}.banner-text{white-space:pre-line;flex:1;min-width:220px}.banner-actions{flex-wrap:wrap;gap:8px;display:flex}.banner.linked{background:var(--petrol-tint);color:var(--petrol-dark);border:1px solid var(--petrol-soft)}.banner.variant{background:var(--warn-soft);color:#6e4b0c;border:1px dashed #d9b46a}.banner.error{background:var(--danger-soft);color:#7d2a22;border:1px solid #ecc5c0}.banner.info{color:var(--ink-2);background:#f3f5f6;margin:16px 0 0}.hint{color:var(--muted);margin-top:6px;font-size:12.5px}.notice{color:var(--petrol-dark);background:var(--petrol-tint);border-radius:999px;align-items:center;gap:6px;margin-top:8px;padding:4px 10px;font-size:13px;display:inline-flex}.interpretation{align-items:flex-start;gap:6px;font-size:13px;line-height:1.35;display:flex}.interpretation svg{flex:none;margin-top:2px}.interpretation.ok{color:var(--petrol-dark)}.interpretation.free,.interpretation.warn{color:var(--warn)}.shell{flex-direction:column;min-height:100%;display:flex}.topbar{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;align-items:center;gap:18px;height:68px;padding:0 20px;display:flex;position:sticky;top:0}.brand{background:0 0;border:none;border-radius:12px;align-items:center;gap:10px;padding:4px 8px 4px 0;display:flex}.brand-name{letter-spacing:-.01em;font-size:16px;font-weight:700}.areas{background:#f0f3f4;border-radius:999px;gap:6px;margin:0 auto;padding:4px;display:flex}.area{height:44px;color:var(--ink-2);background:0 0;border:none;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 8px;font-weight:600;transition:background .15s,color .15s;display:flex}.area:hover{color:var(--petrol-dark)}.area.on{color:var(--petrol-dark);background:#fff;box-shadow:0 1px 4px #00000014}.area-step{width:26px;height:26px;color:var(--muted);background:#e2e8ea;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.area.on .area-step{background:var(--petrol);color:#fff}.topbar-right{align-items:center;gap:2px;display:flex}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;margin-right:8px;font-size:12.5px;display:inline-flex}.save-state.saved{color:var(--petrol)}.save-state.error{color:var(--danger)}.workspace{flex:1;width:100%;max-width:1560px;margin:0 auto;padding:22px}.view{align-items:start;gap:20px;display:grid}.view-main{flex-direction:column;gap:20px;min-width:0;display:flex}.inspector{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);max-height:calc(100vh - 110px);padding:20px;position:sticky;top:90px;overflow:auto}.inspector-body{flex-direction:column;gap:16px;display:flex}.inspector-empty{text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:30px 10px;display:flex}.inspector-kicker{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.inspector-title{background:0 0;border-color:#0000;height:48px;margin:-6px -10px 0;padding:0 10px;font-size:22px;font-weight:700}.inspector-title:hover{border-color:var(--line-2)}.inspector-row{flex-wrap:wrap;gap:16px;display:flex}.inspector-actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.inspector-actions .btn,.inspector-actions .icon-btn.with-label{justify-content:center}.inspector-actions .icon-btn.with-label{height:40px}.empty-view{text-align:center;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:60px 20px;display:flex}.empty-view h2{color:var(--ink)}.start{background:radial-gradient(1200px 500px at 50% -100px, #e3f0f0, transparent 70%), var(--bg);justify-content:center;min-height:100%;padding:70px 24px 40px;display:flex}.start-inner{flex-direction:column;gap:32px;width:100%;max-width:920px;display:flex}.start-hero{align-items:center;gap:20px;display:flex}.start-hero h1{letter-spacing:-.02em;font-size:34px;font-weight:700}.start-hero p{color:var(--ink-2);max-width:620px;margin-top:4px;font-size:16.5px}.start-tiles{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.tile{text-align:left;border:1px solid var(--line);background:var(--surface);min-height:168px;box-shadow:var(--shadow);border-radius:20px;flex-direction:column;align-items:flex-start;gap:6px;padding:22px;transition:transform .15s,box-shadow .15s,border-color .15s;display:flex}.tile:hover{box-shadow:var(--shadow-l);border-color:var(--petrol-soft);transform:translateY(-2px)}.tile-icon{background:var(--petrol-tint);width:50px;height:50px;color:var(--petrol);border-radius:14px;place-items:center;margin-bottom:auto;display:grid}.tile-title{margin-top:14px;font-size:17px;font-weight:700}.tile-sub{color:var(--muted);font-size:13.5px}.tile.primary{background:var(--petrol);color:#fff;border-color:var(--petrol)}.tile.primary .tile-icon{color:#fff;background:#ffffff29}.tile.primary .tile-sub{color:#fffc}.start-list{flex-direction:column;gap:8px;display:flex}.start-list h2{margin-bottom:6px}.project-row{background:var(--surface);border:1px solid var(--line);border-radius:14px;align-items:center;gap:6px;padding:4px 8px 4px 4px;display:flex}.project-open{text-align:left;color:var(--ink-2);background:0 0;border:none;border-radius:10px;flex:1;align-items:center;gap:12px;padding:12px;display:flex}.project-open:hover{background:var(--petrol-tint)}.project-title{color:var(--ink);flex:1;font-weight:600}.start-foot{color:var(--muted);text-align:center;font-size:13px}.start-foot a{color:var(--petrol)}.song-view{grid-template-columns:minmax(0,1fr) 340px}.title-card{flex-direction:column;gap:14px;display:flex}.title-input{letter-spacing:-.02em;border-color:#0000;height:56px;margin:-6px -12px 0;padding:0 12px;font-size:28px;font-weight:700}.title-input:hover{border-color:var(--line-2)}.meta-row{flex-wrap:wrap;align-items:flex-end;gap:14px;display:flex}.meta-row .field{flex:1;min-width:120px}.timeline{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.occ{background:var(--kind-soft);cursor:pointer;border:2px solid #0000;border-radius:16px;flex-direction:column;gap:6px;min-height:172px;padding:14px 14px 10px;transition:border-color .15s,transform .15s,box-shadow .15s;display:flex;position:relative}.occ:before{content:"";background:var(--kind);border-radius:0 0 4px 4px;height:4px;position:absolute;top:0;left:14px;right:14px}.occ:hover{box-shadow:var(--shadow)}.occ.selected{border-color:var(--kind);box-shadow:var(--shadow-l)}.occ-top{justify-content:space-between;align-items:center;display:flex}.occ-pos{width:24px;height:24px;color:var(--kind);background:#ffffffbf;border-radius:50%;place-items:center;font-size:12px;font-weight:700;display:grid}.occ-grip{color:var(--kind);opacity:.5;cursor:grab}.occ-name{font-size:17px;font-weight:700;line-height:1.2}.occ-info{color:var(--ink-2);font-size:13px}.occ-info b{color:var(--kind)}.occ-chords{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.occ .badge{background:#fffc;align-self:flex-start}.occ-actions{justify-content:space-between;gap:0;margin-top:auto;display:flex}.occ-actions .icon-btn{width:32px;height:32px;color:var(--ink-2)}.occ-actions .icon-btn:hover:not(:disabled){background:#ffffffd9}.timeline-empty{border:2px dashed var(--line-2);color:var(--muted);border-radius:16px;flex-direction:column;grid-column:1/-1;align-items:center;gap:8px;padding:34px;display:flex}.add-tiles{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fill,minmax(156px,1fr));gap:10px;margin-top:18px;padding-top:18px;display:grid}.add-tile{border:1.5px dashed color-mix(in srgb, var(--kind) 45%, white);height:54px;color:var(--ink-2);white-space:nowrap;background:#fff;border-radius:14px;align-items:center;gap:8px;padding:0 14px;font-weight:600;transition:background .15s,border-color .15s;display:flex}.add-tile svg{color:var(--kind)}.add-tile:hover{background:var(--kind-soft);border-style:solid;border-color:var(--kind);color:var(--ink)}.unused-list{flex-direction:column;gap:8px;display:flex}.unused{background:#f6f8f8;border-radius:12px;align-items:center;gap:10px;padding:8px 8px 8px 14px;display:flex}.kind-chips{flex-wrap:wrap;gap:6px;display:flex}.kind-chip{border:1px solid var(--line-2);height:30px;color:var(--ink-2);background:#fff;border-radius:999px;padding:0 11px;font-size:12.5px;font-weight:600}.kind-chip.on{background:var(--kind-soft);border-color:var(--kind);color:var(--ink)}.link-panel{background:#f5f7f7;border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.link-panel p svg{vertical-align:-2px;display:inline}.link-panel.linked{background:var(--petrol-tint);color:var(--petrol-dark)}.link-panel.variant{background:var(--warn-soft);color:#6e4b0c}.chords-view{grid-template-columns:250px minmax(0,1fr) 330px}.section-list{flex-direction:column;gap:6px;display:flex;position:sticky;top:90px}.section-list h3{padding:0 6px 6px}.section-item{text-align:left;background:0 0;border:1px solid #0000;border-radius:14px;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:11px 12px;transition:background .15s;display:flex}.section-item:hover{background:#fff}.section-item.on{border-color:var(--kind);box-shadow:var(--shadow);background:#fff}.section-item-text{flex-direction:column;flex:1;min-width:0;display:flex}.section-item-name{font-size:14px;font-weight:700}.section-item-chords{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.section-item .badge{align-self:flex-start;margin-top:6px}.section-item .dot{margin-top:5px}.section-heading{align-items:center;gap:10px;font-size:22px;display:flex}.chord-controls{flex-wrap:wrap;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.quick-entry{background:#f6f8f8;border-radius:14px;margin-bottom:22px;padding:16px}.quick-entry label{color:var(--muted);margin-bottom:6px;font-size:12px;font-weight:700;display:block}.quick-row{flex-wrap:wrap;gap:8px;display:flex}.progression-input{letter-spacing:.01em;flex:1;min-width:220px;height:46px;font-size:18px;font-weight:600}.bars{flex-direction:column;gap:14px;display:flex}.bar-row{align-items:stretch;gap:0;display:flex;position:relative}.bar{border:1px solid var(--line-2);background:#fff;flex-direction:column;flex:0 0 25%;gap:6px;min-height:104px;margin-left:-1px;padding:8px 10px 10px;display:flex}.bars.repeated .bar{flex-basis:25%}.bar-row .bar:first-of-type,.bar-row>.repeat-sign+.bar{border-radius:14px 0 0 14px}.bar-row .bar:last-of-type{border-radius:0 14px 14px 0}.bar-head{justify-content:space-between;align-items:center;height:24px;display:flex}.bar-no{color:var(--faint);font-size:11.5px;font-weight:700}.bar-head .icon-btn{opacity:.5;width:26px;height:26px}.bar:hover .bar-head .icon-btn{opacity:1}.bar-slots{flex:1;gap:6px;display:grid}.bar-empty{border:1.5px dashed var(--line-2);color:var(--faint);background:0 0;border-radius:10px;place-items:center;display:grid}.bar-empty:hover{border-color:var(--petrol);color:var(--petrol);background:var(--petrol-tint)}.chord-chip{background:var(--kind-soft);text-align:left;text-overflow:ellipsis;white-space:nowrap;border:1.5px solid #0000;border-radius:10px;min-width:0;height:100%;min-height:48px;padding:0 8px;font-size:20px;font-weight:700;transition:border-color .15s,background .15s;overflow:hidden}.chord-chip:hover{border-color:color-mix(in srgb, var(--kind) 50%, white)}.chord-chip.on{border-color:var(--kind);box-shadow:0 0 0 3px var(--kind-soft);background:#fff}.chord-chip.free{background:var(--warn-soft);font-style:italic}.chord-chip.draft{border:1.5px dashed var(--kind);color:var(--faint);background:#fff}.bar-beats{gap:6px;display:grid}.repeat-sign{width:14px;position:absolute;top:0;bottom:0}.repeat-sign.open{border-left:4px solid var(--ink);left:0}.repeat-sign.close{border-right:4px solid var(--ink);right:0}.repeat-sign:before,.repeat-sign:after{content:"";background:var(--ink);border-radius:50%;width:6px;height:6px;position:absolute}.repeat-sign.open:before{top:36%;left:4px}.repeat-sign.open:after{top:58%;left:4px}.repeat-sign.close:before{top:36%;right:4px}.repeat-sign.close:after{top:58%;right:4px}.repeat-count{color:var(--kind);background:var(--kind-soft);border-radius:999px;padding:1px 9px;font-size:14px;font-weight:700;position:absolute;top:-24px;right:-8px}.chord-inspector .inspector-body{gap:14px}.chord-input{height:48px;font-size:20px;font-weight:700}.wheel{-webkit-user-select:none;user-select:none;width:100%;max-width:280px;margin:0 auto}.wheel-seg path{fill:#fff;stroke:var(--line-2);stroke-width:1px;cursor:pointer;transition:fill .12s}.wheel-seg.black path{fill:#eef1f2}.wheel-seg:hover path{fill:var(--petrol-tint)}.wheel-seg.on path{fill:var(--petrol);stroke:var(--petrol)}.wheel-seg text{fill:var(--ink);pointer-events:none;font-size:15px;font-weight:700;font-family:var(--font)}.wheel-seg.on text{fill:#fff}.wheel-center{fill:var(--petrol-tint)}.wheel-center-text{fill:var(--petrol-dark);font-weight:700;font-family:var(--font)}.wheel-under{justify-content:center;margin-top:-6px;display:flex}.chip-group{flex-wrap:wrap;gap:6px;display:flex}.q-chip{border:1px solid var(--line-2);background:#fff;border-radius:999px;min-width:52px;height:38px;padding:0 14px;font-weight:600}.q-chip.num{min-width:42px;padding:0}.q-chip:hover:not(:disabled){border-color:var(--petrol)}.q-chip.on{background:var(--petrol);border-color:var(--petrol);color:#fff}.aids-view{grid-template-columns:1fr}.view-main.wide{width:100%;max-width:1320px;margin:0 auto}.group-card{padding:14px 18px}.group-row{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px;display:flex}.group-pills{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-pill{border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;height:42px;padding:0 16px;font-weight:600;display:inline-flex}.group-pill.on{background:var(--petrol);border-color:var(--petrol);color:#fff}.group-pill.add{color:var(--muted);border-style:dashed}.group-edit{align-items:flex-end;gap:8px;display:flex}.group-edit input{width:240px}.piano-layout{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:20px;display:grid}.chord-list{flex-direction:column;gap:8px;display:flex;position:sticky;top:90px}.chord-list-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:0 4px 4px;display:flex}.chord-item{border:1px solid var(--line);text-align:left;background:#fff;border-radius:14px;grid-template-rows:auto auto;grid-template-columns:1fr auto;align-items:center;gap:6px 10px;padding:12px 14px;display:grid}.chord-item:hover{border-color:var(--petrol-soft)}.chord-item.on{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-soft)}.chord-item-label{font-size:20px;font-weight:700}.chord-item-status{color:var(--muted);font-size:11.5px;font-weight:600}.chord-item-status.custom{color:var(--petrol)}.chord-item-status.none{color:var(--warn)}.chord-item-kbd{grid-column:1/-1;width:100%;max-height:40px}.piano-editor{flex-direction:column;gap:16px;display:flex}.editor-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.editor-chord{letter-spacing:-.02em;margin:4px 0 2px;font-size:40px;font-weight:700;line-height:1.1}.editor-head-actions,.variants{flex-wrap:wrap;gap:8px;display:flex}.variant-chip{border:1px solid var(--line-2);background:#fff;border-radius:999px;align-items:center;gap:8px;height:36px;padding:0 6px 0 14px;font-size:13.5px;font-weight:600;display:inline-flex}.variant-chip.on{border-color:var(--petrol);background:var(--petrol-tint);color:var(--petrol-dark)}.variant-chip .origin{color:var(--muted);background:#eef1f2;border-radius:999px;padding:2px 8px;font-size:11px}.variant-chip .origin.custom{background:var(--petrol-soft);color:var(--petrol-dark)}.keyboard-stage{background:linear-gradient(#f7f9f9,#eef2f3);border-radius:18px;align-items:center;gap:8px;padding:18px 10px;display:flex}.big-keyboard{flex:1;min-width:0;max-height:300px}.kbd.interactive g[data-midi]{cursor:pointer}.range-ctl{flex-direction:column;gap:4px;display:flex}.range-ctl .icon-btn{background:#fff;box-shadow:0 1px 2px #00000014}.keyboard-foot{flex-wrap:wrap;align-items:center;gap:12px;margin-top:-6px;display:flex}.fingers h3{margin-bottom:10px}.finger-list{flex-wrap:wrap;gap:10px;display:flex}.finger-item{background:var(--petrol-tint);border-radius:14px;flex-direction:column;align-items:center;gap:6px;min-width:132px;padding:10px;display:flex}.finger-note{color:var(--petrol-dark);font-size:16px;font-weight:700}.finger-input{text-align:center;width:64px;height:42px;color:var(--petrol-dark);font-size:20px;font-weight:700}.finger-quick{gap:2px;display:flex}.finger-quick button{width:24px;height:24px;color:var(--muted);background:#fffc;border:none;border-radius:6px;font-size:12px;font-weight:700}.finger-quick button.on{background:var(--petrol);color:#fff}.variant-foot{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding-top:14px;display:flex}.variant-foot .field.inline input{width:180px}.other-instruments .instrument-gallery{grid-template-columns:1fr 1fr;gap:24px;margin-top:18px;display:grid}.gallery-block h3{margin-bottom:10px}.gallery-row{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.gallery-row figure{margin:0}.gallery-row figcaption{margin-bottom:4px;font-weight:700}.drum-preview{max-width:420px}.sheets-view{grid-template-columns:340px minmax(0,1fr)}.sheet-controls{flex-direction:column;gap:16px;max-height:calc(100vh - 110px);padding-bottom:6px;display:flex;position:sticky;top:90px;overflow:auto}.sheet-controls .card{flex-direction:column;gap:14px;padding:18px;display:flex}.section-hint{flex-direction:column;gap:6px;display:flex}.section-hint-head{align-items:center;gap:8px;font-size:13.5px;display:flex}.section-hint-head .toggle{color:var(--muted);gap:6px;font-size:12.5px}.section-hint-head .toggle-track{transform:scale(.85)}.export-box{text-align:center;flex-direction:column;align-items:stretch;gap:8px;display:flex}.export-box .btn{justify-content:center}.sheet-preview{flex-direction:column;align-items:center;gap:26px;padding:4px 0 40px;display:flex}.paper{aspect-ratio:210/297;width:100%;max-width:820px;box-shadow:var(--shadow-l);background:#fff;border-radius:4px;overflow:hidden}.paper svg{width:100%;height:100%}.graphics-test{flex-direction:column;align-items:center;gap:20px;padding:24px;display:flex}.graphics-test-bar{align-items:center;gap:16px;width:100%;max-width:820px;display:flex}.graphics-test-bar h1{flex:1;font-size:20px}@media (width<=1280px){.chords-view{grid-template-columns:210px minmax(0,1fr)}.chords-view .chord-inspector{grid-column:1/-1;max-height:none;position:static}.chord-inspector .inspector-body{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));align-items:start;display:grid}.area{padding:0 14px 0 8px}}@media (width<=1240px){.topbar{gap:10px;padding:0 14px}.areas{gap:2px}.area{gap:6px;padding:0 12px 0 6px}}@media (width<=1100px){.brand-name{display:none}.song-view,.sheets-view{grid-template-columns:1fr}.inspector,.sheet-controls{max-height:none;position:static}.piano-layout{grid-template-columns:1fr}.chord-list{flex-direction:row;padding-bottom:4px;position:static;overflow-x:auto}.chord-item{min-width:170px}.other-instruments .instrument-gallery{grid-template-columns:1fr}}@media (width<=860px){.area-label{display:none}.area{padding:0 10px 0 8px}.chords-view{grid-template-columns:1fr}.section-list{flex-direction:row;position:static;overflow-x:auto}.section-item{min-width:200px}.bar{flex-basis:50%!important}.bar-row{flex-wrap:wrap}.start-tiles{grid-template-columns:1fr}.save-state{display:none}}@media (pointer:coarse){.icon-btn{width:42px;height:42px}.occ-actions .icon-btn{width:38px;height:38px}.btn{height:44px}}.wheel-under .btn{font-size:16px}.group-card{flex-direction:column;gap:16px;display:flex}.pill-tag{background:var(--warn-soft);color:var(--warn);border-radius:999px;padding:1px 7px;font-size:11px}.group-pill.on .pill-tag{color:#fff;background:#fff3}.add-group-choices{background:var(--petrol-tint);border-radius:999px;flex-wrap:wrap;align-items:center;gap:6px;padding:4px;display:flex}.add-group-choices .group-pill{color:var(--ink);background:#fff;border-style:solid}.group-settings{border-top:1px solid var(--line);flex-wrap:wrap;align-items:flex-end;gap:16px;padding-top:14px;display:flex}.group-settings .field:first-child input{width:220px}.group-settings .field.grow{min-width:240px}.group-settings .toggle{height:40px}.copy-from{align-items:center;gap:6px;display:flex}.copy-from select{width:210px}.plan-scroll{overflow-x:auto}.plan{border-collapse:separate;border-spacing:6px;min-width:100%}.plan th{text-align:left;white-space:nowrap;padding:0 6px;font-size:13px;font-weight:700}.plan thead th{color:var(--ink-2);font-weight:600}.plan thead th .dot{width:8px;height:8px;margin-right:4px}.plan tbody th{align-items:center;gap:6px;height:40px;display:flex}.plan-cell{border:1px solid #0000;border-radius:10px;width:100%;min-width:92px;height:40px;font-size:13px;font-weight:600}.plan-cell.on{background:var(--petrol-soft);color:var(--petrol-dark)}.plan-cell.off{color:var(--faint);border:1px dashed var(--line-2);background:#f2f4f5}.plan-cell:hover{border-color:var(--petrol)}.alternatives{flex-direction:column;gap:8px;display:flex}.alt-row{flex-wrap:wrap;gap:10px;display:flex}.alt{border:1px solid var(--line);background:#fff;border-radius:12px;width:118px;padding:8px}.alt:hover{border-color:var(--petrol);box-shadow:0 0 0 3px var(--petrol-soft)}.alt.on{border-color:var(--petrol);box-shadow:0 0 0 2px var(--petrol)}.alt-label{color:var(--ink-2);margin-top:5px;font-size:12px;font-weight:600;display:block}.fret-stage{justify-content:center;padding:20px}.big-fretboard{width:100%;max-width:560px}.fret-hit{cursor:pointer}.fret-hit:hover{fill:var(--petrol);fill-opacity:.12}.chord-item-fret{grid-column:1/-1;width:100%;max-height:46px}.fretted-editor .finger-item{min-width:150px}.fretted-editor .finger-note{font-size:13px}.scope-chips{flex-wrap:wrap;gap:8px;display:flex}.scope{flex-direction:column;align-items:flex-start;gap:10px;display:flex}.scope-switch button{align-items:center;gap:6px;display:inline-flex}.scope-switch button:disabled{opacity:.45}.scope-sub{color:var(--muted);font-size:11px;font-weight:500}.scope-chips .dot{width:8px;height:8px}.disabled{opacity:.5;pointer-events:none}.drum-controls{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.drum-controls .presets{flex-direction:column;gap:6px;display:flex}.drum-stage{justify-content:center;padding:22px}.big-drumgrid{width:100%;max-width:760px}.drum-hit{cursor:pointer}.drum-hit:hover{fill:var(--petrol);fill-opacity:.14}.drum-rows{flex-direction:column;gap:8px;display:flex}.drum-row-edit{align-items:center;gap:6px;display:flex}.drum-row-edit input{width:240px}.bass-pattern{flex-direction:column;gap:14px;display:flex}.bass-pattern .card-head{margin-bottom:0}.bass-pattern-body{flex-direction:column;gap:14px;display:flex}.step-row{grid-template-columns:repeat(8,minmax(44px,72px));gap:6px;display:grid}.step{flex-direction:column;align-items:center;gap:4px;display:flex}.step-count{color:var(--ink);font-size:13px;font-weight:700}.step.off .step-count{color:var(--faint);font-weight:500}.step.on .step-btn{background:var(--petrol-tint)}.step-btn{border:1px solid var(--line-2);width:100%;height:52px;color:var(--faint);background:#fff;border-radius:12px;font-size:20px;font-weight:700}.step-btn.set{border-color:var(--petrol);color:#fff;background:var(--petrol)!important}.step-btn:hover:not(:disabled){border-color:var(--petrol)}.step-btn.picked{box-shadow:0 0 0 3px var(--petrol-soft);border-color:var(--petrol)}.step-row.dense{grid-template-columns:repeat(16,minmax(30px,1fr));gap:3px;overflow-x:auto}.step-row.dense .step-btn{border-radius:9px;height:44px;font-size:15px}.step-picker{flex-direction:column;gap:8px;display:flex}.q-chip.tone{justify-content:center;min-width:44px}.picker-gap{width:10px}.tone-positions{flex-direction:column;gap:8px;display:flex}.tone-row{flex-wrap:wrap;align-items:baseline;gap:12px;display:flex}.tone-name{min-width:64px;padding-left:2px;font-weight:700}.bass-pattern-body .segmented-wrap{align-self:flex-start}.tab-preview{background:#f7f9f9;border-radius:14px;flex-direction:column;gap:6px;padding:14px;display:flex}.tab-preview svg{max-width:820px}.q-chip{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:inline-flex}.transpose-card,.capo-card{flex-direction:column;gap:14px;display:flex}.transpose-card .card-head,.capo-card .card-head{margin-bottom:0}.transpose-row,.capo-row{flex-wrap:wrap;align-items:flex-end;gap:20px;display:flex}.transpose-row .toggle{height:40px}.key-chips{flex-wrap:wrap;gap:6px;display:flex}.key-chips .q-chip{min-width:70px;height:34px;font-size:13px}.transpose-preview{background:#f6f8f8;border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.preview-line{flex-wrap:wrap;align-items:center;gap:10px;font-size:17px;display:flex}.preview-line b{color:var(--petrol-dark)}.transpose-actions{align-items:center;gap:12px;display:flex}.notice.block{border-radius:12px;margin:0;padding:8px 12px;display:flex}.capo-current{align-items:center;gap:10px;height:40px;font-size:16px;display:flex}.capo-options{flex-direction:column;gap:6px;display:flex}.capo-option{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;align-items:center;gap:14px;padding:10px 12px;display:flex}.capo-option.on{border-color:var(--petrol);background:var(--petrol-tint)}.capo-badge{color:var(--petrol-dark);min-width:64px;font-weight:700}.capo-shapes{font-size:16px;font-weight:700}.text-view{grid-template-columns:250px minmax(0,1fr)}.text-editor{flex-direction:column;gap:16px;display:flex}.text-editor .card-head{margin-bottom:0}.text-reuse{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.text-panes{grid-template-columns:minmax(260px,1fr) minmax(0,1.3fr);align-items:start;gap:20px;display:grid}.lyrics-field textarea{min-height:220px;font-size:16px;line-height:1.7}.chord-placement{flex-direction:column;gap:10px;display:flex}.placement-head{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.token-palette{flex-direction:column;gap:6px;display:flex}.token-pass{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.token-pass .muted{min-width:92px}.token{border:1.5px dashed var(--kind);background:#fff;border-radius:10px;min-width:46px;height:34px;padding:0 10px;font-weight:700}.token.placed{background:var(--kind-soft);border-style:solid}.token.on{background:var(--petrol);border-color:var(--petrol);color:#fff;box-shadow:0 0 0 3px var(--petrol-soft)}.lyric-preview{border:1px solid var(--line);background:#f7f9f9;border-radius:14px;padding:14px 16px 18px;font-size:17px;line-height:1.2}.lyric-line{white-space:nowrap;padding-top:22px;overflow-x:auto}.lyric-line.blank{padding-top:6px}.lyric-char{cursor:pointer;border-radius:3px;position:relative}.lyric-char:hover{background:var(--petrol-soft)}.lyric-chord{color:var(--petrol);white-space:nowrap;border-radius:6px;margin-bottom:2px;padding:0 3px;font-size:14px;font-weight:700;position:absolute;bottom:100%;left:0}.lyric-chord.on{background:var(--petrol);color:#fff}@media (width<=1100px){.text-panes,.text-view{grid-template-columns:1fr}}.fill-bar{flex-direction:column;gap:6px;display:flex}.start-tiles{grid-template-columns:repeat(4,1fr)}.start-inner{max-width:1060px}.import-grid{grid-template-columns:minmax(0,1.5fr) minmax(240px,1fr);align-items:start;gap:18px;display:grid}.import-grid textarea{white-space:pre;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;line-height:1.45;overflow-x:auto}.import-side{flex-direction:column;align-items:stretch;gap:12px;display:flex}.import-side .btn{justify-content:center}.import-preview{background:#f6f8f8;border-radius:12px;flex-direction:column;gap:4px;max-height:220px;padding:12px;display:flex;overflow:auto}.import-part{justify-content:space-between;gap:8px;font-size:13.5px;display:flex}@media (width<=1100px){.start-tiles{grid-template-columns:repeat(2,1fr)}.import-grid{grid-template-columns:1fr}}.occ-grip-handle{touch-action:none;border-radius:8px;place-items:center;margin:-4px;padding:4px;display:inline-grid}@media (pointer:coarse){.occ-grip-handle{background:#ffffff80;margin:-10px;padding:10px}.occ-grip{opacity:.9}}.lyric-chord{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#ffffffbf;border:1px solid #0000}.lyric-chord:hover{border-color:var(--petrol)}.lyric-chord.dragging{cursor:grabbing;z-index:2;background:var(--petrol);color:#fff;box-shadow:var(--shadow)}.lyric-line{width:max-content;min-width:100%;overflow:visible}.lyric-preview{overflow-x:auto}.import-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.batch{flex-direction:column;gap:12px;display:flex}.batch-head,.batch-foot{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.batch-foot{align-items:flex-end}.batch-foot input{width:200px}.batch-list{border:1px solid var(--line);border-radius:12px;max-height:320px;overflow:auto}.batch-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:10px;padding:8px 12px;display:flex}.batch-row:last-child{border-bottom:none}.batch-row input{width:auto;height:auto}.batch-row.problem{cursor:default;background:#f8f9f9}.batch-row.problem .batch-title{color:var(--muted)}.batch-title{flex:1;min-width:0;font-weight:600}.list-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:6px;display:flex}.start-list .list-head h2{margin-bottom:0}.project-search{width:280px;max-width:100%}.tag-filter{flex-wrap:wrap;gap:6px;margin-bottom:4px;display:flex}.tag{border:1px solid var(--line-2);height:28px;color:var(--ink-2);background:#fff;border-radius:999px;align-items:center;gap:5px;padding:0 10px;font-size:12.5px;font-weight:600;display:inline-flex}.tag span{color:var(--muted);font-weight:400}.tag.on{background:var(--petrol);border-color:var(--petrol);color:#fff}.tag.on span{color:#fffc}.tag.small{background:var(--petrol-tint);height:24px;color:var(--petrol-dark);border-color:#0000;padding:0 4px 0 9px}.tag.small button{color:inherit;background:0 0;border:none;padding:0 3px;font-size:14px;line-height:1}.tag.add{width:24px;height:24px;color:var(--muted);border-style:dashed;justify-content:center;padding:0}.row-tags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;display:flex}.tag-input{width:120px;height:28px;padding:0 8px;font-size:13px}.project-artist{font-weight:400}.big-keyboard{max-height:350px}.finger-chip{cursor:pointer}.finger-chip:hover rect{opacity:.8}.bars.repeated .bar-row{padding:0}.bar{position:relative}.bar.in-repeat{background:color-mix(in srgb, var(--kind-soft) 35%, white)}.bar.rep-open{border-left:5px double var(--ink)}.bar.rep-close{border-right:5px double var(--ink)}.bar .repeat-count{z-index:1;top:-12px;right:4px}.bar-beats .beat-slot{height:22px;color:var(--faint);cursor:pointer;background:0 0;border:none;border-radius:6px;font-size:11px;font-weight:600}.beat-slot:hover{background:var(--petrol-tint);color:var(--petrol)}.beat-slot.filled{color:var(--petrol);font-weight:800}.beat-slot.on{background:var(--petrol);color:#fff}.finger-item.left{background:#f6e3d0}.alt{flex-direction:column;align-items:stretch;display:flex}.alt-label{text-align:center;line-height:1.25}.capo-hint{margin-top:4px}.player{z-index:20;border-top:1px solid var(--line);background:#fffffff5;padding:8px 22px;position:sticky;bottom:0}.player-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.player-pos{font-variant-numeric:tabular-nums;color:var(--ink-2);font-weight:600}.player-options{flex-wrap:wrap;align-items:flex-end;gap:18px;padding:10px 0 4px;display:flex}.strum-editor{flex-direction:column;gap:14px;display:flex}.strum-head{justify-content:space-between;margin-bottom:0}.strum-steps{grid-template-columns:repeat(var(--cols), minmax(30px, 64px));gap:6px 4px;max-width:100%;display:grid;overflow-x:auto}.strum-cell{flex-direction:column;gap:4px;display:flex}.strum-arrow{height:44px;color:var(--petrol);background:0 0;border:none;border-radius:10px;font-size:26px;font-weight:700;line-height:1}.strum-arrow.up{color:#b06a2c}.strum-arrow:hover:not(:disabled){background:var(--petrol-tint)}.strum-mark{border:1px solid var(--line-2);height:42px;color:var(--muted,#6e767b);background:#fff;border-radius:10px;font-weight:600}.strum-cell.main .strum-mark{background:var(--petrol-tint);color:var(--ink);font-weight:700}.strum-mark.set,.strum-cell.main .strum-mark.set{background:var(--petrol);border-color:var(--petrol);color:#fff}.strum-mark:hover:not(:disabled){border-color:var(--petrol)}.melody-editor{flex-direction:column;gap:14px;display:flex}.melody-editor .card-head{margin-bottom:0}.melody-palette{flex-wrap:wrap;align-items:center;gap:8px;min-height:44px;display:flex}.tone-chip{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:10px;min-width:52px;height:44px;padding:0 12px;font-weight:700}.tone-chip.picked{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.melody-ghost{z-index:1000;pointer-events:none;border-radius:10px;padding:8px 14px;font-weight:700;position:fixed;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000040}.melody-rows{-webkit-user-select:none;user-select:none;touch-action:pan-y;flex-direction:column;gap:10px;display:flex}.melody-rows svg{width:100%;height:auto;display:block}.tone-picker{flex-wrap:wrap;align-items:flex-start;gap:10px;display:flex}.acc-buttons{border-right:1px solid var(--line-2);gap:6px;padding-right:10px;display:flex}.q-chip.acc{min-width:44px;height:44px;font-size:20px;font-weight:600}.q-chip.acc.on{background:var(--petrol);border-color:var(--petrol);color:#fff}.scale-tones{flex-wrap:wrap;flex:1;gap:6px;display:flex}.tone-chip.scale{border:1px solid var(--line-2);border-bottom:4px solid;min-width:46px;padding:0 8px;font-size:15px}.tone-chip.scale.octave{margin-left:8px}.tone-chip.scale.octave:first-child{margin-left:0}.tone-chip.scale.picked{border-color:var(--ink);box-shadow:inset 0 0 0 2px #fff}.melody-tools{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.melody-tools .grow{flex:1}.melody-tools .segmented button{align-items:center;gap:6px;display:inline-flex}.melody-rows.tool-erase{cursor:crosshair}.melody-note-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tab-hit{cursor:pointer}.tab-hit:hover{fill-opacity:.06}.melody-frets{flex-direction:column;gap:6px;display:flex}.tube-stage svg{width:100%;max-width:620px;height:auto}.tube-chords{flex-wrap:wrap;gap:20px;display:flex}.tube-chord{flex-direction:column;gap:4px;font-weight:700;display:flex}.tube-chord svg{width:auto;height:96px}.melody-keyboard .big-keyboard{width:100%;height:auto;max-height:200px}.toggle,.wheel,.lyric-chord,.tone-chip,.melody-rows,.strum-steps,.step-row,.keyboard-stage{-webkit-user-select:none;-webkit-touch-callout:none}button,.tab-hit,.fret-hit,.drum-hit{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.tone-chip{touch-action:none}@media (hover:none){.bar-head .icon-btn{opacity:1}}@media (pointer:coarse){.bar-beats .beat-slot{height:36px;font-size:13px}.bar-head{height:34px}.bar-head .icon-btn{width:34px;height:34px}.finger-quick{gap:4px}.finger-quick button{width:34px;height:34px;font-size:14px}}.start-lang{align-self:flex-start;margin-left:auto}.lang-switch{flex-direction:column;gap:4px;display:inline-flex}.lang-switch select{font:inherit;border:1px solid var(--line,#d8dde0);background:var(--surface,#fff);color:inherit;border-radius:8px;padding:6px 8px}.lang-switch.compact select{padding:4px 6px;font-size:13px;font-weight:600}.lang-note{color:var(--ink-2,#6e767b);max-width:200px;font-size:12px}.occ{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.occ-top{touch-action:none;cursor:grab;border-radius:16px 16px 0 0;margin:-14px -14px 0;padding:14px 14px 4px}.occ.dragging{opacity:.35;border-style:dashed;border-color:var(--kind);box-shadow:none}.occ-ghost{z-index:1000;pointer-events:none;opacity:.96;margin:0;position:fixed;transform:rotate(-2deg)scale(1.04);box-shadow:0 14px 30px #00000038}.token-pass.ahead{border-top:1px dashed var(--line,#d8dde0);margin-top:4px;padding-top:8px}.token.ahead{border-style:dashed}.bar-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.variant-chip.own{border-style:dashed}.step-btn{position:relative}.step-string{opacity:.75;font-size:9px;font-weight:700;position:absolute;bottom:1px;right:2px}.picker-options{flex-wrap:wrap;gap:16px;margin-top:10px;display:flex}.export-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mixer{flex-direction:column;align-items:flex-start;gap:8px;width:100%;display:flex}.mixer-strip{width:100%}.player.open .player-options{max-height:45vh;overflow-y:auto}.mixer-strip{grid-template-columns:minmax(120px,180px) 1fr 1fr;align-items:center;gap:14px;display:grid}.mixer-strip.muted .mixer-slider{opacity:.45}.mixer-slider{color:var(--ink-2);grid-template-columns:auto 1fr 56px;align-items:center;gap:8px;font-size:12px;display:grid}.mixer-slider input{width:100%;accent-color:var(--petrol);min-height:30px}.mixer-slider output{font-variant-numeric:tabular-nums;text-align:right}@media (width<=760px){.mixer-strip{grid-template-columns:1fr;gap:4px}}.preview-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.review-card{border-left:4px solid var(--warn,#c98a12)}.review-card.done{border-left-color:var(--petrol)}.review-card h2{align-items:center;gap:8px;display:flex}.review-list{flex-direction:column;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.review-list label{cursor:pointer;align-items:flex-start;gap:10px;line-height:1.4;display:flex}.review-list input{width:20px;height:20px;accent-color:var(--petrol);flex:none;margin-top:1px}.review-list li.done span{color:var(--muted);text-decoration:line-through}.disclosure{flex-direction:column;align-items:flex-start;gap:8px;display:flex}.disclosure-toggle{gap:6px}.disclosure-caret{width:10px;font-size:11px}.disclosure-hint{color:var(--ink-2);margin-left:4px;font-size:12px;font-weight:400}.disclosure-body{width:100%}.editor-tools{flex-wrap:wrap;align-items:flex-start;gap:10px 16px;display:flex}.card-head .preview-buttons{margin-left:auto}.preview-buttons .btn.primary-soft{background:var(--petrol);color:#fff;border-color:var(--petrol)}.plan-toggle{margin-left:auto}.plan-toggle.on{background:var(--petrol);color:#fff;border-color:var(--petrol)}.tone-editor{flex-direction:column;gap:14px;display:flex}.melody-text{flex-direction:column;gap:8px;display:flex}.melody-text-head{align-items:center;gap:8px;display:flex}.melody-text textarea{border:1px solid var(--line-2);resize:vertical;border-radius:10px;width:100%;padding:10px 12px;font:15px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace}.melody-text textarea:focus{outline:2px solid var(--petrol-soft);border-color:var(--petrol)}.melody-text-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.info-btn{border:1px solid var(--line-2);width:30px;height:30px;color:var(--petrol-dark);background:#fff;border-radius:999px;place-items:center;display:inline-grid}.info-btn.on{background:var(--petrol-tint);border-color:var(--petrol)}.melody-text-help{background:#f3f5f6;border-radius:10px;padding:10px 14px;font-size:13.5px}.melody-text-help table{border-collapse:collapse}.melody-text-help td{vertical-align:top;padding:3px 14px 3px 0}.melody-text-help td:first-child{white-space:nowrap}.melody-text-help code{background:#fff;border-radius:5px;padding:1px 6px;font:13.5px ui-monospace,SFMono-Regular,Menlo,monospace}.melody-text-help p{margin:8px 0 0}.student-title{flex:1;justify-content:center;align-items:center;gap:10px;min-width:0;display:flex}.student-title b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.student .sheet-controls .card{flex-direction:column;gap:12px;display:flex}.student-message{text-align:center;max-width:520px;color:var(--ink-2);margin:15vh auto;padding:0 16px}.student-message h1{margin:16px 0 8px;font-size:22px}.student-lang{justify-content:center;margin-top:24px;display:flex}.student-title .pill-tag{white-space:nowrap}@media (width<=600px){.student-title .pill-tag{display:none}}.share-card{flex-direction:column;gap:10px;display:flex}.share-link{gap:8px;display:flex}.share-link input{flex:1;min-width:0;font:13px ui-monospace,SFMono-Regular,Menlo,monospace}.share-qr{border:1px solid var(--line-2);cursor:zoom-in;background:#fff;border-radius:8px;flex-direction:column;align-self:center;align-items:center;gap:4px;padding:8px;display:flex}.share-qr svg{width:220px;height:220px;display:block}.share-qr.big{z-index:2000;cursor:zoom-out;border:none;border-radius:0;justify-content:center;position:fixed;inset:0}.share-qr.big svg{width:min(92vw,92vh);height:min(92vw,92vh)}