:root{--bg: #eef0f5;--surface: #ffffff;--surface-2: #f8f9fc;--border: #d8dce4;--border-strong: #c7ccd6;--control-border: #d1d5db;--ink: #111827;--ink-2: #1f2937;--text: #1f2937;--text-soft: #4b5563;--muted: #6b7280;--faint: #9ca3af;--accent: #7c3aed;--accent-strong: #6d28d9;--accent-2: #4f46e5;--accent-soft: #f5f3ff;--accent-border: #c4b5fd;--accent-grad: linear-gradient(135deg, #7c3aed, #4f46e5);--danger: #b91c1c;--danger-soft: #fef2f2;--danger-border: #fca5a5;--pr-bg-scale: #ffffff;--pr-bg-off: #f1f3f7;--pr-grid-c: #c7ccd6;--pr-grid-row: #e8eaf0;--pr-grid-bar: #9aa2b1;--pr-grid-beat: #d5d9e2;--pr-grid-step: #eef0f5;--pr-section-bound: #7c3aed;--pr-ruler-bg: #f8f9fc;--pr-section-band-bg: #eef0f5;--pr-playhead: #111827;--pr-key-black: #374151;--pr-key-white: #ffffff;--pr-key-border: #d1d5db;--pr-key-text: #6b7280;--pr-chord-text: #4b5563;--pr-melody-text: #4c1d95;--pr-note-text: #ffffff;--judge-ok: #059669;--judge-tense: #d97706;--judge-clash: #dc2626;--judge-ok-text: #047857;--judge-tense-text: #b45309;--judge-clash-text: #b91c1c;--judge-clash-deep: #7f1d1d;--judge-tense-deep: #78350f;--chip-solo-bg: #fef3c7;--chip-solo-border: #fcd34d;--chip-solo-text: #b45309;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-xs: 0 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0 1px 3px rgba(16, 24, 40, .1), 0 1px 2px rgba(16, 24, 40, .06);--shadow-md: 0 8px 24px rgba(17, 24, 39, .14);--shadow-lg: 0 24px 64px rgba(17, 24, 39, .32);--ease: cubic-bezier(.2, 0, .2, 1)}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html,body,#root{height:100%;margin:0}body{font-family:Segoe UI Variable Text,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg);overscroll-behavior:none;-webkit-font-smoothing:antialiased;accent-color:var(--accent)}button{font-family:inherit;cursor:pointer}::selection{background:#7c3aed2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pianoroll-scroll,.part-list,.notation-canvas,.splash-main,.modal-panel,.import-picker-rows{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.pianoroll-scroll::-webkit-scrollbar,.part-list::-webkit-scrollbar,.notation-canvas::-webkit-scrollbar,.splash-main::-webkit-scrollbar,.modal-panel::-webkit-scrollbar,.import-picker-rows::-webkit-scrollbar{width:10px;height:10px}.pianoroll-scroll::-webkit-scrollbar-thumb,.part-list::-webkit-scrollbar-thumb,.notation-canvas::-webkit-scrollbar-thumb,.splash-main::-webkit-scrollbar-thumb,.modal-panel::-webkit-scrollbar-thumb,.import-picker-rows::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}.app{height:100%;display:flex;flex-direction:column}.app-header{display:flex;align-items:center;gap:14px;padding:8px 14px;background:linear-gradient(180deg,#1a2234,var(--ink));color:#f9fafb}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px;letter-spacing:.2px}.brand-clickable{cursor:pointer;border-radius:var(--radius-sm);padding:2px 4px;margin:-2px -4px;transition:background-color .14s var(--ease)}.brand-clickable:hover{background:#ffffff14}.title-input{flex:1;max-width:340px;background:#ffffff0f;color:#f9fafb;border:1px solid #374151;border-radius:var(--radius-md);padding:6px 10px;font-size:14px;transition:border-color .14s var(--ease),background-color .14s var(--ease)}.title-input:hover{border-color:#4b5563}.title-input:focus{outline:none;border-color:var(--accent);background:#ffffff1a}.header-right{margin-left:auto;display:flex;align-items:center;gap:10px}.mode-toggle.segmented{background:#ffffff12;border-color:transparent}.mode-toggle.segmented button{background:transparent;color:#cbd5e1;transition:color .14s var(--ease),background-color .14s var(--ease)}.mode-toggle.segmented button:hover:not(.active){color:#fff;background:#ffffff1f}.mode-toggle.segmented button.active{background:var(--accent);color:#fff;box-shadow:0 1px 3px #0000004d}.btn-ghost{background:transparent;color:#d1d5db;border:1px solid #374151;border-radius:var(--radius-md);padding:6px 10px;font-size:13px;display:inline-flex;align-items:center;text-decoration:none;cursor:pointer;font-family:inherit;transition:color .14s var(--ease),border-color .14s var(--ease),background-color .14s var(--ease)}.btn-ghost:hover{color:#fff;border-color:#6b7280;background:#ffffff0f}.app-header .btn.btn-ghost{color:#d1d5db;border-color:#4b5563;background:#ffffff12}.app-header .btn.btn-ghost:hover:not(:disabled){color:#fff;border-color:var(--faint);background:#ffffff29}.toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;padding:8px 14px;background:var(--surface);border-bottom:1px solid var(--border);box-shadow:var(--shadow-xs);position:relative;z-index:20}.toolbar-group{display:flex;align-items:center;gap:8px}.btn{background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-md);padding:7px 12px;font-size:13px;color:var(--text);box-shadow:var(--shadow-xs);transition:background-color .14s var(--ease),border-color .14s var(--ease),box-shadow .14s var(--ease)}.btn:hover:not(:disabled){background:var(--surface-2);border-color:var(--faint)}.btn:active:not(:disabled){background:#eef0f4;box-shadow:none}.btn:disabled{opacity:.45;cursor:default;box-shadow:none}.btn-play{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:600;min-width:84px}.btn-play:hover:not(:disabled){background:var(--ink-2);border-color:var(--ink-2)}.btn-stop{background:var(--danger);border-color:var(--danger)}.btn-stop:hover:not(:disabled){filter:brightness(1.15)}.btn-magic{background:var(--accent-grad);color:#fff;border:none;font-weight:600;box-shadow:0 2px 10px #7c3aed59;transition:box-shadow .14s var(--ease),filter .14s var(--ease)}.btn-magic:hover:not(:disabled){filter:brightness(1.08);background:var(--accent-grad);box-shadow:0 4px 16px #7c3aed73}.field{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}.save-status{font-size:11px;color:#9ca3af;min-width:52px;text-align:right;font-variant-numeric:tabular-nums}.notices{position:fixed;right:16px;bottom:16px;z-index:60;display:flex;flex-direction:column;gap:8px;max-width:min(420px,calc(100vw - 32px));pointer-events:none}.notice{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--radius-lg);border:1px solid var(--control-border);background:var(--surface);box-shadow:var(--shadow-md);font-size:13px;line-height:1.45;color:var(--text);pointer-events:auto;animation:notice-in .16s var(--ease)}@keyframes notice-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.notice-error{border-color:var(--danger-border);background:var(--danger-soft)}.notice-warn{border-color:var(--chip-solo-border);background:var(--chip-solo-bg)}.notice-info{border-color:var(--accent-border);background:var(--accent-soft)}.notice-body{flex:1;min-width:0}.notice-message{font-weight:600}.notice-details{margin:6px 0 0;padding-left:18px;font-size:12px;color:var(--text-soft)}.notice-details li{margin-bottom:2px}.notice-close{flex-shrink:0;width:22px;height:22px;border:none;background:none;color:var(--muted);font-size:17px;line-height:1;cursor:pointer;border-radius:var(--radius-sm)}.notice-close:hover{background:#11182714;color:var(--text)}@media (pointer: coarse){.notice-close{width:32px;height:32px}}.busy-banner{display:flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent-strong);font-size:12px;font-weight:600;white-space:nowrap}.busy-spinner{width:12px;height:12px;border:2px solid var(--accent-border);border-top-color:var(--accent);border-radius:50%;animation:busy-spin .7s linear infinite}@keyframes busy-spin{to{transform:rotate(360deg)}}.zoom-control{display:flex;align-items:center;gap:2px}.zoom-control .zoom-btn{min-width:26px;padding:5px 0;font-size:15px;line-height:1;font-weight:700;text-align:center}.zoom-control .zoom-btn:disabled{opacity:.45;cursor:default}.zoom-value{min-width:42px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums;color:var(--muted)}@media (pointer: coarse){.zoom-control .zoom-btn{min-width:34px;padding:8px 0}}.field input,.field select{font-family:inherit;font-size:13px;border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:5px 7px;background:var(--surface);color:var(--text);transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.field input:hover,.field select:hover{border-color:var(--faint)}.field input:focus,.field select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #7c3aed24}.field input[type=number]{width:58px}.check{display:flex;align-items:center;gap:5px;font-size:13px;color:#374151;cursor:pointer;-webkit-user-select:none;user-select:none}.segmented{display:flex;gap:2px;padding:3px;background:#eef0f4;border:1px solid transparent;border-radius:10px}.segmented button{border:none;background:transparent;padding:5px 10px;font-size:13px;color:var(--text-soft);border-radius:7px;transition:background-color .14s var(--ease),color .14s var(--ease),box-shadow .14s var(--ease)}.segmented button.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #10182829}.menu{position:relative}.menu summary{list-style:none;display:inline-block;-webkit-user-select:none;user-select:none}.menu summary::-webkit-details-marker{display:none}.menu[open] summary{background:#eef0f4;border-color:var(--faint)}.menu-items{position:absolute;right:0;top:calc(100% + 6px);z-index:40;min-width:250px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:6px;display:flex;flex-direction:column;animation:menu-pop .14s var(--ease);transform-origin:top right}@keyframes menu-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.menu-items button{text-align:left;background:transparent;border:none;border-radius:var(--radius-md);padding:8px 10px;font-size:13px;color:var(--text);transition:background-color .1s var(--ease)}.menu-items button:hover{background:#f3f4f6}.menu-items hr{border:none;border-top:1px solid #e5e7eb;margin:4px 6px}.menu-items label.check{padding:8px 10px;border-radius:var(--radius-md);transition:background-color .1s var(--ease)}.menu-items label.check:hover{background:#f3f4f6}.menu-item-title{display:block;font-weight:600}.menu-item-sub{display:block;font-size:11px;color:var(--muted);margin-top:1px}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0f172a80;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;animation:overlay-in .16s var(--ease)}@keyframes overlay-in{0%{opacity:0}}.modal-panel{background:var(--surface);border-radius:var(--radius-xl);padding:20px 22px;max-width:560px;width:calc(100% - 40px);max-height:80vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:panel-in .2s var(--ease)}@keyframes panel-in{0%{opacity:0;transform:translateY(10px) scale(.985)}}.modal-panel h2{margin:0 0 8px;font-size:17px}.modal-hint{margin:0 0 14px;font-size:13px;color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.import-song-context-bar{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:var(--surface-raised, #f9fafb);border:1px solid var(--border, #e5e7eb);border-radius:var(--radius-md, 8px);margin-bottom:12px}.import-song-context-label{display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:600;color:var(--text, #1f2937)}.import-song-context-input-row{display:flex;gap:8px}.import-song-context-input-row input{flex:1;border:1px solid var(--control-border, #d1d5db);border-radius:var(--radius-sm, 6px);padding:6px 10px;font-size:13px;background:#fff;color:var(--text, #1f2937)}.import-song-context-badge{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--accent-strong, #6d28d9);background:#7c3aed14;border:1px solid rgba(124,58,237,.2);padding:4px 8px;border-radius:var(--radius-sm, 6px)}.import-picker-rows{display:flex;flex-direction:column;gap:8px;max-height:45vh;overflow-y:auto}.import-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;border:1px solid #e5e7eb;border-radius:var(--radius-md)}.import-picker-row.dupe{border-color:var(--danger-border);background:var(--danger-soft)}.import-picker-info{display:flex;flex-direction:column;gap:2px;min-width:0}.import-picker-name{font-weight:600;font-size:13px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.import-picker-meta{font-size:12px;color:var(--muted)}.import-picker-row select{flex-shrink:0;border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:5px 7px;font-size:13px}.import-picker-error{margin-top:10px;font-size:13px;color:var(--danger)}.lyric-input{position:absolute;z-index:25;border:2px solid var(--accent);border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600;color:var(--ink);background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 16px #7c3aed38,0 1px 3px #0000001a;outline:none;transition:border-color .14s var(--ease),box-shadow .14s var(--ease)}.lyric-input:focus{border-color:var(--accent-strong);box-shadow:0 0 0 3px #7c3aed40,0 4px 16px #7c3aed38}.section-editor{position:absolute;z-index:30;display:flex;align-items:center;gap:6px;padding:8px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:12px;color:var(--text-soft);animation:menu-pop .14s var(--ease)}.section-editor input[type=number]{width:52px}.section-editor input,.section-editor select{border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 6px;font-size:12px}.section-editor input:first-child{width:90px}.section-editor label{display:flex;align-items:center;gap:4px;white-space:nowrap}.section-editor button{background:#f3f4f6;border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 7px}.chord-editor-popover{position:absolute;z-index:45;width:280px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:0 10px 25px #0003;padding:10px 12px;display:flex;flex-direction:column;gap:8px;animation:menu-pop .14s var(--ease)}.chord-editor-header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:6px;font-size:12px;color:var(--text)}.chord-editor-close{background:none;border:none;font-size:13px;color:var(--muted);cursor:pointer;padding:2px 6px;border-radius:4px}.chord-editor-close:hover{background:var(--bg-hover, #f3f4f6);color:var(--text)}.chord-editor-group{display:flex;flex-direction:column;gap:4px}.chord-editor-group-label{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.chord-editor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.chord-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px 2px;border-radius:var(--radius-sm);border:1px solid var(--control-border);background:var(--surface);cursor:pointer;transition:all .12s var(--ease)}.chord-btn:hover{background:var(--accent-soft);border-color:var(--accent-border)}.chord-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.chord-btn.active .chord-degree,.chord-btn.active .chord-name{color:#fff}.chord-degree{font-size:9px;color:var(--muted)}.chord-name{font-size:11px;font-weight:700;color:var(--text)}.chord-btn-color{background:#faf5ff;border-color:#e9d5ff}.chord-editor-footer{display:flex;justify-content:flex-end;padding-top:4px;border-top:1px solid var(--border)}.chord-auto-btn{font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-subtle, #f9fafb);border:1px solid var(--control-border);color:var(--accent);cursor:pointer}.chord-auto-btn:hover{background:var(--accent-soft);border-color:var(--accent-border)}.editor-workspace{flex:1;display:flex;min-height:0}.editor-center{flex:1;display:flex;flex-direction:column;min-width:0}.main-area{flex:1;display:flex;min-height:0}.part-list{width:248px;flex-shrink:0;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;display:flex;flex-direction:column}.part-list-header{padding:10px 12px 6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--faint)}.part-row{position:relative;display:flex;flex-direction:column;gap:6px;padding:8px;cursor:pointer;border-bottom:1px solid #f3f4f6;transition:background-color .12s var(--ease)}.part-row:hover{background:#f9fafb}.part-row.active{background:var(--accent-soft)}.part-row.part-row-hidden{opacity:.55}.part-row-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.part-row-main{display:flex;align-items:center;gap:8px;min-width:0}.part-dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #1118271a}.part-names{display:flex;flex-direction:column;min-width:0}.part-name{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.part-range{font-size:11px;color:var(--faint)}.part-row-playback{display:flex;gap:3px;flex-shrink:0}.part-row-actions{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.part-row-actions .chip{width:auto;padding:0 7px;font-size:11px;height:22px;line-height:20px}.chip{width:24px;height:24px;border-radius:7px;border:1px solid var(--control-border);background:var(--surface);font-size:11px;font-weight:700;color:var(--muted);display:flex;align-items:center;justify-content:center;padding:0;transition:background-color .12s var(--ease),border-color .12s var(--ease),color .12s var(--ease)}.chip:hover{background:#f3f4f6;border-color:var(--faint)}.chip-on.chip-mute{background:#fee2e2;border-color:var(--danger-border);color:var(--danger)}.chip-on.chip-solo{background:var(--chip-solo-bg);border-color:var(--chip-solo-border);color:var(--chip-solo-text)}.chip-on{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.lyric-fill-items{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.percussion-pattern-list{display:flex;flex-direction:column;gap:8px;scrollbar-width:thin}.percussion-pattern-item{display:flex;flex-direction:column;gap:4px;padding:6px 8px;background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-sm)}.percussion-pattern-info{display:flex;flex-direction:column;gap:2px;font-size:11px}.percussion-pattern-desc{font-size:10px;color:var(--faint);line-height:1.25}.percussion-pattern-actions{display:flex;gap:4px;margin-top:2px}.percussion-pattern-actions .chip{width:auto;padding:2px 8px;font-size:10px;height:22px}.lyric-fill-presets{display:flex;flex-wrap:wrap;gap:4px}.lyric-fill-presets button{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);padding:4px 8px;font-size:12px;color:#374151;transition:background-color .12s var(--ease),border-color .12s var(--ease)}.lyric-fill-presets button:hover{background:var(--accent-soft);border-color:var(--accent-border)}.lyric-fill-custom{display:flex;gap:4px}.lyric-fill-custom input{width:80px;border:1px solid var(--control-border);border-radius:var(--radius-sm);padding:4px 6px;font-size:12px}.lyric-fill-custom button,.lyric-fill-clear{border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);padding:4px 8px;font-size:12px;color:#374151}.lyric-fill-clear{color:var(--danger);border-color:var(--danger-border)}.part-list-tip{margin-top:auto;padding:12px;font-size:11px;line-height:1.4;color:var(--muted);border-top:1px solid var(--border-subtle, #e5e7eb);background:var(--bg-surface-subtle, #f9fafb);border-radius:0 0 0 8px}.quick-ref-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--brand, #7c3aed);margin-bottom:8px}.quick-ref-section{margin-top:8px;padding-top:6px;border-top:1px dashed #e5e7eb}.quick-ref-section:first-of-type{margin-top:0;padding-top:0;border-top:none}.quick-ref-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#6b7280;margin-bottom:4px}.quick-ref-list{margin:0;padding-left:0;list-style:none}.quick-ref-list li{margin-bottom:3px;color:#4b5563;font-size:11px}.quick-ref-list strong{color:#111827;font-weight:600}.quick-ref-shortcuts{display:flex;flex-direction:column;gap:3px}.shortcut-row{display:flex;align-items:center;gap:4px;font-size:11px;color:#4b5563}.shortcut-row kbd{background:#fff;border:1px solid #d1d5db;border-bottom-color:#9ca3af;border-radius:3px;box-shadow:0 1px 1px #0000000d;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px;font-weight:600;padding:1px 4px;color:#1f2937;line-height:1}.part-row.part-row-popover-open{z-index:1000!important}.part-list{position:relative;z-index:60}.part-row-menu .menu-items{right:auto;left:0;top:calc(100% + 4px);min-width:250px;max-height:380px;overflow-y:auto;z-index:99999!important;box-shadow:0 12px 32px #0f172a47,0 4px 12px #00000026}.chip-danger{color:var(--danger);border-color:var(--danger-border)}.chip-danger:hover{background:var(--danger-soft)}.menu-items button.menu-item-danger{color:var(--danger)}.pianoroll-scroll{flex:1;overflow:auto;background:var(--surface)}.pianoroll-inner{display:flex;align-items:flex-start}.pianoroll-keys{position:sticky;left:0;top:0;z-index:2;flex-shrink:0;box-shadow:2px 0 4px #0000000f}.pianoroll-canvas-wrap{position:relative}.pianoroll-canvas{display:block;touch-action:none;position:sticky;top:0;left:56px}.pianoroll-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.pianoroll-canvas.tool-select{cursor:default}.pianoroll-canvas.tool-draw{cursor:crosshair}.pianoroll-canvas.tool-erase{cursor:not-allowed}.note-hint{position:absolute;z-index:3;pointer-events:none;background:var(--ink);color:#f9fafb;border-radius:10px;padding:6px 9px;font-size:12px;line-height:1.45;max-width:240px;box-shadow:0 4px 12px #00000040}.note-hint .hint-pitch{font-weight:700}.hint-clash{background:var(--judge-clash-deep)}.hint-tense{background:var(--judge-tense-deep)}.split-divider{height:6px;flex-shrink:0;cursor:row-resize;background:var(--border);border-top:1px solid var(--border-strong);touch-action:none;transition:background-color .12s var(--ease)}.split-divider:hover,.split-divider:active{background:var(--accent)}.notation-panel{height:240px;flex-shrink:0;background:var(--surface);border-top:1px solid var(--border);display:flex;flex-direction:column}.notation-tabs{display:flex;align-items:center;gap:4px;padding:6px 12px 0;border-bottom:1px solid #e5e7eb}.notation-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--faint);margin-right:12px}.tab{border:none;background:transparent;padding:6px 12px;font-size:13px;font-weight:600;color:var(--muted);border-bottom:3px solid transparent;transition:color .12s var(--ease),border-color .12s var(--ease)}.tab:hover{color:var(--ink)}.tab.active{color:var(--ink);border-bottom-color:var(--accent)}.notation-canvas{flex:1;overflow:auto;padding:4px 8px}.notation-error{padding:10px 14px;font-size:13px;color:var(--danger)}@media (max-width: 900px){.part-list{width:178px}.part-list-tip{display:none}}.splash-panel{display:flex;flex-direction:column;padding:0;max-width:720px;max-height:85vh;overflow:hidden}.splash-header{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;background:linear-gradient(180deg,#1a2234,var(--ink));color:#f9fafb;flex-shrink:0}.splash-header .brand{font-size:18px}.splash-header-actions{display:flex;align-items:center;gap:8px}.splash-header .btn-ghost{color:#fff;border-color:#4b5563;background:#ffffff1a}.splash-header .btn-ghost:hover{background:#fff3;border-color:var(--faint)}.splash-main{flex:1;padding:36px 32px 40px;overflow-y:auto}.splash-main h1{font-size:26px;letter-spacing:-.02em;margin:0 0 8px;text-align:center;color:var(--ink)}.splash-lede{text-align:center;color:var(--muted);max-width:480px;margin:0 auto 32px;font-size:14px;line-height:1.6}.splash-stale{width:100%;border:1px solid var(--accent-border);background:var(--accent-soft);color:var(--text);border-radius:var(--radius-lg);padding:14px 16px;font-size:13px;line-height:1.5}.splash-stale strong{color:var(--accent-strong)}.splash-stale-reload{display:block;margin-top:10px;padding:6px 14px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);font-size:12px;font-weight:700;color:var(--text);cursor:pointer}.splash-continue{display:flex;flex-direction:column;align-items:flex-start;gap:3px;width:100%;background:var(--accent-grad);color:#fff;border:none;border-radius:var(--radius-lg);padding:16px 20px;margin-bottom:28px;text-align:left;box-shadow:0 6px 20px #7c3aed40;transition:box-shadow .14s var(--ease),transform .14s var(--ease),filter .14s var(--ease)}.splash-continue:hover{filter:brightness(1.06);transform:translateY(-1px);box-shadow:0 10px 28px #7c3aed59}.splash-continue:active{transform:translateY(0)}.splash-continue-label{font-size:11px;text-transform:uppercase;letter-spacing:.07em;opacity:.85}.splash-continue-title{font-size:18px;font-weight:700}.splash-continue-meta{font-size:12px;opacity:.85}.splash-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:36px}.splash-action{display:flex;flex-direction:column;align-items:flex-start;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:16px;text-align:left;transition:border-color .14s var(--ease),box-shadow .14s var(--ease),transform .14s var(--ease)}.splash-action:hover{border-color:var(--accent-border);box-shadow:0 4px 14px #7c3aed24;transform:translateY(-1px)}.splash-action:active{transform:translateY(0)}.splash-action-icon{font-size:20px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:10px;margin-bottom:2px}.splash-action-title{font-weight:600;font-size:14px;color:var(--text)}.splash-action-sub{font-size:12px;color:var(--muted)}.splash-section-title{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);margin:0 0 12px}.splash-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.splash-demo-card{display:flex;flex-direction:column;gap:2px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:12px 14px;text-align:left;transition:border-color .14s var(--ease),box-shadow .14s var(--ease),transform .14s var(--ease)}.splash-demo-card:hover{border-color:var(--accent-border);box-shadow:0 4px 14px #7c3aed24;transform:translateY(-1px)}.splash-demo-card:active{transform:translateY(0)}.splash-demo-title{font-weight:600;font-size:13px;color:var(--text)}.splash-demo-hint{font-size:11px;color:var(--muted)}.splash-install{display:flex;align-items:center;gap:12px;margin-top:24px;padding:12px 14px;border:1px solid var(--control-border);border-radius:var(--radius-lg);background:var(--surface)}.splash-install-icon{font-size:20px;line-height:1;flex-shrink:0}.splash-install-body{display:flex;flex-direction:column;gap:2px;min-width:0}.splash-install-title{font-size:13px;font-weight:700;color:var(--text)}.splash-install-sub{font-size:12px;color:var(--muted);line-height:1.45}.splash-install-btn{margin-left:auto;flex-shrink:0;padding:8px 16px;border:1px solid var(--accent-border);border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent-strong);font-size:13px;font-weight:700;cursor:pointer}.splash-install-btn:hover{border-color:var(--accent)}.splash-device-note{text-align:center;font-size:11px;color:var(--muted);margin:20px 0 0}@media (max-width: 520px){.splash-actions,.splash-demo-grid{grid-template-columns:1fr}}.settings-modal{max-width:440px}.settings-section{padding:14px 0;border-top:1px solid var(--bg)}.settings-section:first-of-type{border-top:none;padding-top:4px}.settings-section h3{font-size:13px;margin:0 0 8px;color:#374151}.settings-hint{margin:6px 0 0;font-size:12px;color:var(--muted);line-height:1.5}.settings-hint-danger{color:var(--danger)}.settings-ai-fields{display:flex;flex-direction:column;gap:8px}.field-stack{flex-direction:column;align-items:stretch;gap:4px}.settings-ai-key-row{display:flex;gap:6px}.settings-ai-key-row input{flex:1;min-width:0}.settings-volume-row{display:flex;align-items:center;gap:10px}.settings-volume-row input[type=range]{flex:1}.settings-volume-value{font-size:12px;color:var(--muted);min-width:34px;text-align:right}.settings-links{display:flex;gap:16px}.settings-links a{font-size:13px;color:var(--accent-2);text-decoration:none}.settings-links a:hover{text-decoration:underline}.settings-footer{margin:16px 0 0;padding-top:12px;border-top:1px solid var(--bg);font-size:11px;color:var(--faint);text-align:center}.hum-modal{max-width:460px}.hum-live{display:flex;flex-direction:column;align-items:center;gap:6px;padding:18px 0 22px}.hum-pitch{font-size:44px;font-weight:700;color:var(--accent);font-variant-numeric:tabular-nums;min-height:56px;line-height:56px}.hum-pitch-quiet{color:var(--faint)}.hum-status{font-size:13px;color:var(--muted)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.busy-spinner{animation:busy-pulse 1.4s ease-in-out infinite!important;animation-duration:1.4s!important;animation-iteration-count:infinite!important;border-top-color:var(--accent-border);background:var(--accent)}}@keyframes busy-pulse{0%,to{opacity:.35}50%{opacity:1}}.dictionary-sidebar{width:260px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.dict-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px 6px}.dict-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--faint)}.dict-close{background:transparent;border:none;color:var(--faint);font-size:14px;padding:0 4px}.dict-close:hover{color:var(--text)}.dict-search{padding:6px 12px 10px;border-bottom:1px solid var(--border)}.dict-search input{width:100%;padding:6px 10px;border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:12px;background:var(--surface-2);color:var(--text)}.dict-search input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.dict-content{flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}.dict-content::-webkit-scrollbar{width:10px}.dict-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:999px;border:2px solid transparent;background-clip:content-box}.dict-term{padding:12px;border-bottom:1px solid #f3f4f6}.dict-term h3{margin:0 0 4px;font-size:12px;font-weight:700;color:var(--text)}.dict-term p{margin:0;font-size:12px;line-height:1.5;color:var(--text-soft)}.lyric-paste-modal{max-width:520px}.lyric-paste-textarea{width:100%;padding:10px;border:1px solid var(--control-border);border-radius:var(--radius-sm);font-size:13px;font-family:inherit;resize:vertical;background:var(--surface-2);margin-bottom:12px}.lyric-paste-textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.lyric-preview-section{display:flex;flex-direction:column;gap:6px}.lyric-preview-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--faint)}.lyric-preview-list{display:flex;flex-direction:column;gap:4px;max-height:180px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px;background:var(--surface-2)}.lyric-preview-item{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:4px;font-size:12px}.lyric-preview-item.matched{background:var(--surface)}.lyric-preview-item.unmatched{opacity:.5}.preview-note-idx{font-weight:700;color:var(--accent-strong);width:24px}.preview-note-pitch{font-weight:600;width:36px}.preview-note-step{color:var(--faint);font-size:11px;width:60px}.preview-syllable{font-weight:700;color:var(--text);margin-left:auto}.section-nav-strip{display:flex;align-items:center;gap:10px;padding:6px 14px;background:var(--surface-2);border-bottom:1px solid var(--border);font-size:12px}.section-nav-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--faint);flex-shrink:0}.section-nav-chips{display:flex;align-items:center;gap:6px;overflow-x:auto;flex:1}.section-chip{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface);font-size:11px;color:var(--text);cursor:pointer;white-space:nowrap;transition:background-color .12s var(--ease),border-color .12s var(--ease)}.section-chip:hover{background:var(--accent-soft);border-color:var(--accent-border)}.section-chip.active{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.section-chip-idx{color:var(--accent-strong);font-weight:700}.section-chip-bar{color:var(--faint);font-size:10px}.chip-loop.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong);font-weight:700}.section-chip-group{display:inline-flex;align-items:center;gap:2px}.section-chip-reharmonized-badge,.section-chip-tacet-badge{color:var(--faint);font-size:10px}.texture-scope-row{display:flex;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--line);position:sticky;top:0;background:var(--panel);z-index:1}.texture-scope-row label{font-size:11px;color:var(--faint);white-space:nowrap}.texture-scope-row select{flex:1;min-width:0}.texture-scope-current{display:flex;flex-wrap:wrap;gap:4px;padding:8px 10px;border-bottom:1px solid var(--line)}.texture-scope-tag{font-size:10px;padding:2px 6px;border-radius:4px;background:var(--panel-2);color:var(--faint)}.tacet-presets{margin:12px 0 6px;display:flex;flex-direction:column;gap:6px}.tacet-presets-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.tacet-preset-row{display:flex;flex-wrap:wrap;gap:6px}.tacet-preset-btn{font-size:11px;font-weight:600;padding:4px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-subtle, #f9fafb);border:1px solid var(--control-border);color:var(--text-soft);cursor:pointer;transition:all .12s var(--ease)}.tacet-preset-btn:hover{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.tacet-part-list{display:flex;flex-direction:column;gap:2px;margin:12px 0}.tacet-part-row{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;cursor:pointer}.tacet-part-row:hover{background:var(--panel-2)}.tacet-part-swatch{width:10px;height:10px;border-radius:3px;flex:none}.tacet-part-row:has(input:not(:checked)){color:var(--faint)}.tacet-part-tag{margin-left:auto;font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.04em}.section-chip-ai-btn{display:inline-flex;align-items:center;height:24px;padding:2px 6px;font-size:11px;border-radius:var(--radius-sm);white-space:nowrap}.arrange-modal-panel{max-width:680px;width:95vw}.arrange-modal-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.arrange-modal-header h2{margin:0 0 4px}.arrange-scope-bar{display:flex;align-items:center;gap:8px;background:var(--bg-surface-subtle, #f9fafb);border:1px solid var(--control-border);padding:6px 10px;border-radius:var(--radius-md);margin-bottom:16px}.arrange-scope-btn{font-size:12px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:transparent;border:1px solid transparent;color:var(--text-soft);cursor:pointer;transition:all .12s var(--ease)}.arrange-scope-btn.active{background:var(--surface);border-color:var(--border-strong);color:var(--accent);box-shadow:0 1px 3px #00000014}.arrange-section-scope-wrapper{display:flex;align-items:center;gap:6px;margin-left:auto}.arrange-section-select{font-size:12px;padding:3px 6px;border:1px solid var(--control-border);border-radius:var(--radius-sm);background:var(--surface)}.arrange-empty-notice{display:flex;gap:16px;padding:16px 20px;background:var(--accent-soft);border:1px solid var(--accent-border);border-radius:var(--radius-md);margin:12px 0}.arrange-empty-icon{font-size:28px}.arrange-empty-text h3{margin:0 0 6px;font-size:15px;color:var(--accent-strong)}.arrange-empty-text p{margin:0 0 12px;font-size:13px;color:var(--text-soft)}.arrange-empty-actions{display:flex;gap:8px}.arrange-section-block{margin-bottom:18px}.arrange-section-title{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:8px}.arrange-recipes-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:10px}.arrange-recipe-card{background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-md);padding:10px 12px;cursor:pointer;transition:all .14s var(--ease);display:flex;flex-direction:column}.arrange-recipe-card:hover{border-color:var(--accent);box-shadow:0 4px 12px #7c3aed1f;transform:translateY(-1px)}.arrange-recipe-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.arrange-recipe-icon{font-size:18px}.arrange-recipe-badge{font-size:10px;font-weight:600;padding:2px 6px;border-radius:999px;background:var(--panel-2);color:var(--text-soft)}.arrange-recipe-name{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--text)}.arrange-recipe-desc{margin:0 0 10px;font-size:11px;line-height:1.4;color:var(--muted);flex:1}.arrange-recipe-load-btn{font-size:11px;padding:4px 8px;background:var(--bg-surface-subtle, #f9fafb);border:1px solid var(--control-border);width:100%}.arrange-prompt-form{display:flex;flex-direction:column;gap:10px}.arrange-prompt-input{width:100%;border:1px solid var(--control-border);border-radius:var(--radius-md);padding:10px 12px;font-size:13px;font-family:inherit;resize:vertical;background:var(--surface)}.arrange-prompt-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.arrange-prompt-footer{display:flex;justify-content:space-between;align-items:center}.arrange-api-hint{font-size:11px;color:var(--muted)}.arrange-api-hint .btn-link{background:none;border:none;padding:0;color:var(--accent);text-decoration:underline;cursor:pointer;font-size:11px}.arrange-error-message{font-size:12px;color:var(--danger);background:var(--danger-soft);padding:6px 10px;border-radius:var(--radius-sm)}.arrange-plan-card{background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:16px;margin-bottom:16px}.arrange-plan-title-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.arrange-plan-badge{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-soft);color:var(--accent);padding:2px 6px;border-radius:4px}.arrange-plan-title-row h3{margin:0;font-size:16px}.arrange-plan-description{margin:0 0 14px;font-size:13px;color:var(--text-soft)}.arrange-toggles-header{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:8px;border-top:1px solid var(--border);padding-top:10px}.arrange-toggle-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}.arrange-toggle-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-surface-subtle, #f9fafb);border:1px solid var(--control-border);font-size:12px;cursor:pointer}.arrange-toggle-item:has(input:not(:checked)){opacity:.5}.arrange-modal-actions{display:flex;justify-content:space-between;margin-top:16px}.reharmonize-modal{max-width:520px}.reharmonize-intro{margin:0 0 16px}.reharmonize-field-label{font-size:12px;font-weight:600;display:block;margin-bottom:6px}.reharmonize-preset-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px}.reharmonize-preset{font-size:12px;padding:4px 10px}.reharmonize-preset.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.reharmonize-textarea{width:100%;padding:8px;border-radius:var(--radius-sm);background:var(--surface);color:var(--text);border:1px solid var(--control-border);font-family:inherit;font-size:13px;margin-bottom:14px}.reharmonize-disclaimer{margin-bottom:16px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-md);font-size:12px;color:var(--text-soft)}.reharmonize-disclaimer ul{margin:4px 0 0 16px;padding:0}.reharmonize-error{color:var(--danger);font-size:13px;margin-bottom:12px;background:var(--danger-soft);border:1px solid var(--danger-border);padding:8px 12px;border-radius:var(--radius-md)}.reharmonize-preview-list{max-height:200px;overflow-y:auto;border:1px solid var(--border);border-radius:var(--radius-md);padding:8px;margin-bottom:16px}.reharmonize-preview-row{display:flex;justify-content:space-between;padding:4px 8px;font-size:13px}.reharmonize-preview-row+.reharmonize-preview-row{border-top:1px solid var(--border)}.reharmonize-chord-ok{color:var(--judge-ok-text);font-weight:700}.reharmonize-chord-fallback{color:var(--judge-tense-text);font-weight:700}@media (pointer: coarse){.chip{width:32px;height:32px}.part-row-playback{gap:6px}.part-row-actions{gap:8px}.part-row-actions .chip{height:30px;padding:0 12px;line-height:28px}.section-chip{padding:8px 14px}.section-chip-ai-btn{height:32px;padding:2px 10px}}.import-picker{max-width:680px;width:95vw}.import-picker-presets{display:flex;align-items:center;gap:8px;margin:12px 0 16px;padding:8px 12px;background:var(--bg-surface-subtle, #f8fafc);border:1px solid var(--control-border);border-radius:var(--radius-sm);flex-wrap:wrap}.import-preset-label{font-size:12px;font-weight:600;color:var(--muted)}.import-picker-rows{display:flex;flex-direction:column;gap:8px;max-height:50vh;overflow-y:auto;padding-right:4px}.import-picker-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-sm)}.import-picker-row.merged-row{border-color:var(--accent);background:var(--accent-soft)}.import-picker-info{flex:1;display:flex;flex-direction:column;gap:2px}.import-picker-title-line{display:flex;align-items:center;gap:8px}.import-picker-name{font-size:13px;font-weight:600;color:var(--text)}.import-picker-merged-tag{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--accent);color:#fff;padding:1px 6px;border-radius:4px}.import-picker-meta{font-size:11px;color:var(--muted)}.import-picker-info-note{margin-top:12px;padding:8px 12px;font-size:12px;color:var(--accent-text, #6d28d9);background:var(--accent-soft);border-radius:var(--radius-sm)}.score-reference{width:380px;flex-shrink:0;background:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;min-height:0}.score-reference-head{display:flex;justify-content:space-between;align-items:flex-start;gap:8px;padding:10px 12px 6px}.score-reference-title{display:flex;flex-direction:column;min-width:0}.score-reference-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--accent-strong)}.score-reference-filename{font-size:12px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-reference-controls{display:flex;align-items:center;gap:6px;padding:0 12px 8px;border-bottom:1px solid var(--border)}.score-reference-controls .btn{padding:2px 8px;line-height:1.4}.score-reference-spacer{flex:1}.score-reference-page,.score-reference-zoom{font-size:11px;color:var(--muted);white-space:nowrap}.score-reference-body{flex:1;min-height:0;overflow:auto;padding:12px;background:var(--surface-2);display:flex;justify-content:center;align-items:flex-start}.score-reference-canvas{background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 1px 3px #11182714}.score-reference-status{font-size:13px;color:var(--muted);text-align:center;margin:24px 8px}.score-reference-status.error{color:var(--danger)}.score-reference-note{margin:0;padding:8px 12px;font-size:11px;line-height:1.5;color:var(--muted);background:var(--accent-soft);border-top:1px solid var(--border)}.vocable-palette-bar{position:sticky;top:0;left:0;right:0;z-index:15;display:flex;align-items:center;gap:10px;padding:6px 14px;background:#fffffff2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--control-border);box-shadow:0 4px 12px #0000000d;animation:slideDown .15s ease-out}.vocable-palette-header{display:flex;align-items:center}.vocable-palette-title{font-size:12px;font-weight:700;color:var(--accent);white-space:nowrap}.vocable-palette-chips{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.vocable-chip{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;background:var(--surface);border:1px solid var(--control-border);border-radius:999px;font-size:11px;font-weight:600;color:var(--text);cursor:pointer;transition:all .12s ease}.vocable-chip:hover{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.vocable-chip:active{transform:translateY(0)}.vocable-chip-emoji{font-size:12px}.vocable-palette-close{margin-left:auto;background:transparent;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:4px}.vocable-palette-close:hover{color:var(--text)}.arrange-audit-modal{max-width:680px;width:95vw}.audit-modal-header{display:flex;align-items:center;gap:16px;margin-bottom:16px}.audit-score-pill{display:flex;align-items:baseline;justify-content:center;background:var(--accent);color:#fff;padding:8px 16px;border-radius:12px;box-shadow:0 4px 12px #7c3aed40}.audit-score-num{font-size:26px;font-weight:800;line-height:1}.audit-score-denom{font-size:12px;opacity:.8;margin-left:2px}.audit-title-group{flex:1}.audit-title-group h2{font-size:18px;font-weight:700;margin:0 0 4px}.audit-grade-text{font-size:12px;color:var(--muted);margin:0}.audit-modal-close{background:transparent;border:none;font-size:18px;color:var(--muted);cursor:pointer}.audit-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.audit-stat-card{display:flex;flex-direction:column;align-items:center;padding:10px 8px;background:var(--bg-surface-subtle, #f8fafc);border:1px solid var(--control-border);border-radius:var(--radius-sm);text-align:center}.audit-stat-card .stat-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px}.audit-stat-card .stat-val{font-size:16px;font-weight:800;color:var(--text)}.audit-issues-list{display:flex;flex-direction:column;gap:10px;max-height:45vh;overflow-y:auto;margin-bottom:16px;padding-right:4px}.audit-clean-state{padding:24px;text-align:center;background:var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent-text, #6d28d9);font-size:13px}.audit-issue-card{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;background:var(--surface);border:1px solid var(--control-border);border-radius:var(--radius-sm)}.audit-issue-card.severity-warning{border-left:4px solid #f59e0b}.audit-issue-card.severity-info{border-left:4px solid var(--accent)}.audit-issue-card.severity-tip{border-left:4px solid #10b981}.audit-issue-content{flex:1}.audit-issue-title-row{display:flex;align-items:center;gap:6px;margin-bottom:3px}.audit-issue-title-row h4{font-size:13px;font-weight:700;margin:0}.audit-issue-desc{font-size:11px;color:var(--muted);margin:0;line-height:1.4}.audit-fix-btn{white-space:nowrap}.step-rail{display:flex;flex-direction:column;gap:6px;padding:8px 12px;background:var(--surface);border-bottom:1px solid var(--border)}.step-rail-collapsed{padding:2px 12px;align-items:flex-start}.step-rail-steps{display:flex;align-items:center;gap:4px;margin:0;padding:0;list-style:none}.step-rail-spacer{flex:1}.step-rail-step-btn{display:flex;align-items:center;gap:6px;padding:4px 10px;border:1px solid transparent;border-radius:999px;background:none;font:inherit;font-size:12px;color:var(--muted);cursor:pointer}.step-rail-step-btn:disabled{cursor:default;opacity:.45}.step-rail-step-btn:not(:disabled):hover{background:var(--surface-2)}.step-rail-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;border:1px solid currentColor;font-size:10px;font-weight:700;flex-shrink:0}.step-current .step-rail-step-btn{color:var(--accent-strong);border-color:var(--accent-border);background:var(--accent-soft);font-weight:600}.step-current .step-rail-num{background:var(--accent);border-color:var(--accent);color:#fff}.step-done .step-rail-step-btn{color:var(--text-soft)}.step-done .step-rail-num{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent-strong)}.step-rail-step+.step-rail-step:before{content:"";display:block;width:12px;height:1px;background:var(--border-strong)}.step-rail-step{display:flex;align-items:center;gap:4px}.step-rail-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-left:4px}.step-rail-hint{font-size:12px;color:var(--muted);margin-right:2px}.step-rail-actions .btn{padding:3px 10px}.step-rail-toggle{font-size:11px;padding:2px 8px}@media (max-width: 720px){.step-rail-label{display:none}.step-rail-hint{width:100%}}.score-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:flex;flex-direction:column;background:var(--bg)}.score-view-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:10px 16px;background:var(--surface);border-bottom:1px solid var(--border)}.score-view-title{display:flex;align-items:baseline;gap:10px;min-width:0}.score-view-title strong{font-size:15px;color:var(--ink)}.score-view-meta{font-size:12px;color:var(--muted)}.score-view-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.score-view-scroll{flex:1;overflow:auto;padding:24px}.chart-pages{display:flex;flex-direction:column;align-items:center;gap:24px}.chart-page{position:relative;zoom:var(--chart-scale, 1);background:#fff;border:1px solid var(--border);border-radius:2px;box-shadow:0 2px 12px #1118271f}.chart-page svg{display:block}.chart-bar-layer{position:absolute;top:0;right:0;bottom:0;left:0}.chart-bar{position:absolute;padding:0;border:0;border-radius:3px;background:transparent;cursor:pointer;transition:background-color .12s ease}.chart-bar:hover{background:#7c3aed14}.chart-bar:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.chart-bar.is-playing{background:#7c3aed24}.score-view-empty{margin:48px auto 0;max-width:460px;text-align:center;color:var(--text-soft)}.score-view-empty h2{font-size:18px;color:var(--ink);margin-bottom:8px}.score-view-empty p{font-size:14px;line-height:1.55}@media (prefers-reduced-motion: reduce){.chart-bar{transition:none}}@page{size:letter;margin:0}@media print{html,body{background:#fff}.app,.score-reference,.modal-backdrop,.notices{display:none!important}.score-view{position:static;background:#fff}.score-view-bar,.score-view-empty,.notation-error{display:none!important}.score-view-scroll{overflow:visible;padding:0}.chart-pages{display:block;--chart-scale: 1;gap:0}.chart-page{border:0;border-radius:0;box-shadow:none;break-after:page}.chart-page:last-child{break-after:auto}.chart-bar-layer{display:none!important}}