:root,:root[data-theme=light]{--app-bg:#e9e5de;--main-bg:#f3f0ea;--canvas:#fbfaf7;--panel:#f6f3ee;--tool-bg:#ece8e1;--tool-hover:#e5e0d8;--border:#e0dbd2;--border-strong:#c9c3b9;--text:#1f2629;--muted:#7d8380;--faint:#a9aca8;--accent:#2e4a4c;--accent-fg:#f3f5f3;--sidebar-bg:#1e2a2d;--sidebar-fg:#eef1ee;--sidebar-muted:#9fa9a6;--sidebar-hover:#283538;--sidebar-active:#3a4749;--sidebar-line:#34413f;--good:#3e9b5c;--fair:#d1a21f;--poor:#cf4f3c;--seg-strong:#2b3133;--seg-weak:#dbd7d0;--stale:#c6c1b8;--chip-fg-l:.5;--chip-bg-l:.94;--chip-c:.11;--chip-bg-c:.035;--shadow:#00000024;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--app-bg:#101416;--main-bg:#161b1d;--canvas:#1c2225;--panel:#192023;--tool-bg:#232a2d;--tool-hover:#2b3336;--border:#2f373a;--border-strong:#46504f;--text:#e6e9e7;--muted:#959d9a;--faint:#6c7472;--accent:#cfe0dc;--accent-fg:#172022;--sidebar-bg:#0f1517;--sidebar-fg:#eef1ee;--sidebar-muted:#8d9895;--sidebar-hover:#1b2427;--sidebar-active:#273235;--sidebar-line:#222c2e;--good:#58b877;--fair:#e2b843;--poor:#e2685a;--seg-strong:#e8ece9;--seg-weak:#3a4245;--stale:#4a5254;--chip-fg-l:.82;--chip-bg-l:.32;--chip-c:.1;--chip-bg-c:.05;--shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=cyberpunk]{--app-bg:#0b0614;--main-bg:#120a1f;--canvas:#170d28;--panel:#140b23;--tool-bg:#22123b;--tool-hover:#2c184b;--border:#36215c;--border-strong:#523184;--text:#f4ebff;--muted:#a98fd6;--faint:#6e5b94;--accent:#ff2bd6;--accent-fg:#14001c;--sidebar-bg:#07030e;--sidebar-fg:#f4ebff;--sidebar-muted:#9f86cc;--sidebar-hover:#1a0f2e;--sidebar-active:#2b1652;--sidebar-line:#20133a;--good:#00f5a0;--fair:#ffe600;--poor:#ff3864;--seg-strong:#00e5ff;--seg-weak:#3a2a5e;--stale:#4f3b78;--chip-fg-l:.86;--chip-bg-l:.3;--chip-c:.17;--chip-bg-c:.09;--shadow:#ff2bd62e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=frost]{--app-bg:#dfeaf3;--main-bg:#eaf2f8;--canvas:#f8fbfd;--panel:#f0f6fa;--tool-bg:#e0ebf3;--tool-hover:#d4e3ef;--border:#d1dfea;--border-strong:#b3c7d7;--text:#1a2a39;--muted:#677d91;--faint:#9db0c0;--accent:#2b6a9a;--accent-fg:#f4f9fc;--sidebar-bg:#1c3246;--sidebar-fg:#eaf3fa;--sidebar-muted:#97b1c5;--sidebar-hover:#253f58;--sidebar-active:#325069;--sidebar-line:#2b455e;--good:#2a9a8b;--fair:#c99a1f;--poor:#cc4f45;--seg-strong:#1c3850;--seg-weak:#cddbe7;--stale:#b5c6d4;--chip-fg-l:.48;--chip-bg-l:.94;--chip-c:.1;--chip-bg-c:.03;--shadow:#1c324629;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=sunset]{--app-bg:#f2dfd2;--main-bg:#faebe1;--canvas:#fff7f1;--panel:#fbede3;--tool-bg:#f5ddcf;--tool-hover:#f0d0bd;--border:#edd2c1;--border-strong:#dcb199;--text:#3a1f1a;--muted:#8f685d;--faint:#c29e90;--accent:#c4513b;--accent-fg:#fff5ef;--sidebar-bg:#3a1e2b;--sidebar-fg:#fbe9e1;--sidebar-muted:#c69fa3;--sidebar-hover:#4a2736;--sidebar-active:#5e3244;--sidebar-line:#4b2a38;--good:#4a965a;--fair:#dc951c;--poor:#c8364a;--seg-strong:#3a1f1a;--seg-weak:#ecd1c1;--stale:#d7b7a6;--chip-fg-l:.5;--chip-bg-l:.93;--chip-c:.12;--chip-bg-c:.04;--shadow:#3a1e2b29;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=midnight]{--app-bg:#060a15;--main-bg:#0b1121;--canvas:#0f172a;--panel:#0d1426;--tool-bg:#161f35;--tool-hover:#1d2842;--border:#1f2a42;--border-strong:#34425f;--text:#e2e8f5;--muted:#8c99b2;--faint:#59657f;--accent:#8fb4ff;--accent-fg:#0b1426;--sidebar-bg:#04070f;--sidebar-fg:#e2e8f5;--sidebar-muted:#7e8aa3;--sidebar-hover:#101929;--sidebar-active:#1a253e;--sidebar-line:#131c30;--good:#5bcf8b;--fair:#efc24b;--poor:#ef6f5e;--seg-strong:#d9e4ff;--seg-weak:#283450;--stale:#394562;--chip-fg-l:.84;--chip-bg-l:.3;--chip-c:.1;--chip-bg-c:.06;--shadow:#00000080;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=sepia]{--app-bg:#e6d9c0;--main-bg:#efe4ce;--canvas:#f8efdc;--panel:#f2e7d2;--tool-bg:#e9dbc0;--tool-hover:#e1d1b2;--border:#dacaab;--border-strong:#c2ad89;--text:#3b2e1f;--muted:#7c6950;--faint:#ab997e;--accent:#6b4e2d;--accent-fg:#f8efdc;--sidebar-bg:#392d21;--sidebar-fg:#f2e7d2;--sidebar-muted:#b7a588;--sidebar-hover:#45372a;--sidebar-active:#574533;--sidebar-line:#4a3b2c;--good:#5d8845;--fair:#bd861c;--poor:#ad4731;--seg-strong:#3b2e1f;--seg-weak:#dac9ad;--stale:#c5b391;--chip-fg-l:.48;--chip-bg-l:.92;--chip-c:.07;--chip-bg-c:.03;--shadow:#392d212e;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.seg.rhyme-end,.scheme-letter,.group-opt{--chip-fg:oklch(var(--chip-fg-l) var(--chip-c) var(--hue,200));--chip-bg:oklch(var(--chip-bg-l) var(--chip-bg-c) var(--hue,200));--chip-ring:oklch(.62 var(--chip-c) var(--hue,200))}:root{--serif:"Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, monospace;--radius:10px;--seg-width:2.5px}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--app-bg);-webkit-font-smoothing:antialiased}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.45}input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid color-mix(in oklab, var(--accent) 60%, transparent);outline-offset:2px}.app{grid-template-columns:300px minmax(0,1fr);height:100vh;display:grid;overflow:hidden}.app.no-sidebar{grid-template-columns:minmax(0,1fr)}.main{background:var(--main-bg);flex-direction:column;min-width:0;min-height:0;display:flex}.workspace{flex:1;grid-template-columns:minmax(0,1fr) 310px;gap:20px;min-height:0;padding:0 22px 0 24px;display:grid;position:relative}.no-tools .workspace{grid-template-columns:minmax(0,1fr)}.canvas{background:var(--canvas);border-radius:var(--radius) var(--radius) 0 0;min-width:0;overflow-y:auto}.canvas-empty{color:var(--muted);text-align:center;margin:auto;padding:80px 24px}.scrim{display:none}.icon-btn{width:36px;height:36px;color:var(--muted);border-radius:8px;flex:none;place-items:center;display:inline-grid}.icon-btn:hover:not(:disabled){background:var(--tool-bg);color:var(--text)}.icon-btn.small{width:28px;height:28px}.icon-btn.boxed{border:1px solid var(--border);width:40px;height:40px;color:var(--text)}.icon-btn.ghost-dark,.icon-btn.square-dark{color:var(--sidebar-muted)}.icon-btn.ghost-dark:hover,.icon-btn.square-dark:hover{background:var(--sidebar-active);color:var(--sidebar-fg)}.icon-btn.square-dark{background:var(--sidebar-hover);width:32px;height:32px;color:var(--sidebar-fg)}.sidebar{background:var(--sidebar-bg);color:var(--sidebar-fg);z-index:20;flex-direction:column;min-height:0;padding:18px 16px 12px;display:flex}.sidebar-head{border-bottom:1px solid var(--sidebar-line);justify-content:space-between;align-items:center;padding:10px 4px 22px 14px;display:flex}.wordmark{font-family:var(--serif);letter-spacing:-.5px;font-size:38px;font-weight:700}.sidebar-section{border-bottom:1px solid var(--sidebar-line);padding:18px 0 14px}.sidebar-section.works{border-bottom:0;flex-direction:column;flex:1;min-height:0;display:flex}.sidebar-row-head{justify-content:space-between;align-items:center;padding:0 4px 10px 14px;display:flex}.sidebar-title{align-items:center;gap:14px;font-size:16px;font-weight:600;display:flex}.sidebar-title .flip{transform:rotate(180deg)}.sidebar-title svg:last-child{color:var(--sidebar-muted)}.row-actions{gap:2px;display:flex}.project-list,.song-list{margin:0;padding:0;list-style:none}.project-item{text-align:left;border-radius:6px;align-items:center;gap:14px;width:100%;padding:8px 14px 8px 24px;font-size:14px;display:flex}.project-item:hover{background:var(--sidebar-hover)}.project-item.active{background:var(--sidebar-active)}.folder-swatch{border-radius:2px 3px 3px;flex:none;width:16px;height:12px;position:relative}.folder-swatch:before{content:"";background:inherit;border-radius:2px 2px 0 0;width:7px;height:4px;position:absolute;top:-3px;left:0}.song-list{flex:1;min-height:0;overflow-y:auto}.song-item{text-align:left;border-radius:6px;align-items:center;gap:16px;width:100%;padding:8px 12px 8px 18px;display:flex}.song-item:hover{background:var(--sidebar-hover)}.song-item.active{background:var(--sidebar-active)}.song-chevron{color:var(--sidebar-muted);flex:none}.song-text{flex-direction:column;gap:3px;min-width:0;display:flex}.song-title{white-space:nowrap;text-overflow:ellipsis;font-size:14px;overflow:hidden}.song-meta{color:var(--sidebar-muted);font-size:12px}.empty-note{color:var(--sidebar-muted);padding:10px 20px;font-size:13px}.inline-input{border:1px solid var(--sidebar-line);background:var(--sidebar-hover);border-radius:6px;outline:none;width:100%;padding:8px 12px;font-size:14px}.inline-input.search{margin:0 0 10px}.sidebar-foot{border-top:1px solid var(--sidebar-line);justify-content:space-between;padding:14px 8px 4px;display:flex}.foot-btn{border-radius:6px;align-items:center;gap:12px;padding:6px 8px;font-size:14px;display:flex}.foot-btn:hover:not(:disabled){background:var(--sidebar-hover)}.topbar{align-items:center;gap:14px;min-height:88px;padding:16px 24px 14px 18px;display:flex}.title-block{flex:1;min-width:0;margin-left:16px}.title-row{align-items:center;gap:6px;display:flex}.song-heading,.title-input{font-family:var(--serif);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:22px;font-weight:700;overflow:hidden}.title-input{border:0;border-bottom:1px solid var(--border-strong);background:0 0;outline:none;width:100%;min-width:0;max-width:420px}.breadcrumb{color:var(--muted);align-items:center;gap:10px;margin-top:6px;font-size:14px;display:flex}.save-state{color:var(--muted);white-space:nowrap;align-items:center;gap:10px;font-size:14px;display:flex}.divider{background:var(--border);width:1px;height:36px;margin:0 8px 0 18px}.share-btn{background:var(--accent);color:var(--accent-fg);border-radius:4px;align-items:center;gap:10px;margin-right:24px;padding:10px 22px;font-size:14px;font-weight:500;display:flex}.share-btn:hover{filter:brightness(1.12)}.menu-anchor{position:relative}.menu{background:var(--canvas);border:1px solid var(--border);min-width:230px;box-shadow:0 12px 32px var(--shadow);z-index:40;border-radius:8px;padding:6px;position:absolute;top:calc(100% + 6px);right:0}.menu button{text-align:left;border-radius:5px;width:100%;padding:8px 10px;font-size:14px;display:block}.menu button:hover:not(:disabled){background:var(--tool-bg)}.menu .danger{color:var(--poor)}.menu hr{border:0;border-top:1px solid var(--border);margin:6px 4px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.editor-wrap{flex-direction:column;min-height:100%;display:flex}.editor-wrap>div{flex-direction:column;flex:1;display:flex}.editor-wrap .lyric-doc{flex:1}.lyric-doc{text-align:center;min-height:100%;caret-color:var(--accent);outline:none;padding:30px max(40px,50% - 300px) 140px;font-size:19px;line-height:1.45}.lyric-line{min-height:1.45em;margin:0;padding:1px 0 2px}.lyric-line.section-header{color:var(--muted);margin-top:.9em}.lyric-line.section-header:first-child{margin-top:0}.seg{border-bottom:var(--seg-width) solid var(--seg-rest,var(--seg-weak));padding-bottom:1px;transition:border-color .14s}.seg.uncertain{border-bottom-style:dotted}.seg.unscored{border-bottom:none}.lyric-line.analyzed:hover .seg.band-good{border-bottom-color:var(--good)}.lyric-line.analyzed:hover .seg.band-fair{border-bottom-color:var(--fair)}.lyric-line.analyzed:hover .seg.band-poor{border-bottom-color:var(--poor)}.lyric-line.stale{-webkit-text-decoration:underline dashed var(--stale);text-decoration:underline dashed var(--stale);text-underline-offset:6px;text-decoration-thickness:1.5px}.seg.rhyme-end{position:relative}.seg.rhyme-end:after{content:attr(data-rhyme);text-align:center;width:20px;height:18px;line-height:18px;font-family:var(--sans);color:var(--chip-fg);background:var(--chip-bg);opacity:.6;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:5px;font-size:10.5px;font-style:normal;font-weight:600;transition:opacity .14s;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)}.seg.rhyme-end.overridden:after{box-shadow:inset 0 0 0 1px var(--chip-ring)}.lyric-line:hover .seg.rhyme-end:after{opacity:1}.preview{min-height:100%}.preview-banner{background:color-mix(in oklab, var(--tool-bg) 85%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--muted);align-items:center;gap:12px;padding:10px 16px;font-size:14px;display:flex;position:sticky;top:0}.preview-banner span{flex:1}.lyric-doc.readonly{color:var(--muted)}.tools{background:var(--panel);border-radius:var(--radius) var(--radius) 0 0;z-index:15;min-height:0;padding:22px 16px 24px;overflow-y:auto}.tools-head{align-items:center;gap:16px;padding:0 8px 22px 12px;font-size:19px;font-weight:600;display:flex}.close-tools{margin-left:auto}.tool{background:var(--tool-bg);border-radius:8px;margin-bottom:10px}.tool-head{text-align:left;border-radius:8px;align-items:center;gap:18px;width:100%;padding:17px 18px 17px 20px;font-size:14.5px;display:flex}.tool-head:hover{background:var(--tool-hover)}.tool-icon{place-items:center;display:grid}.tool-title{flex:1}.tool-chevron{color:var(--muted);transition:transform .15s}.tool.open .tool-chevron{transform:rotate(90deg)}.tool-body{padding:0 18px 18px 20px;font-size:13.5px}.tool-hint{color:var(--muted);margin:0 0 12px;line-height:1.5}.tool-hint.small{margin:12px 0 0;font-size:12px}.tool-error{color:var(--poor);margin:10px 0 0}kbd{font-family:var(--sans);border:1px solid var(--border-strong);border-bottom-width:2px;border-radius:4px;margin-right:2px;padding:0 4px;font-size:11px}.scope-row{gap:6px;display:flex}.scope-btn{background:var(--canvas);border:1px solid var(--border);white-space:nowrap;border-radius:6px;flex:1;padding:8px 6px;font-size:13px}.scope-btn:hover:not(:disabled){border-color:var(--border-strong)}.scheme-list{margin:0;padding:0;list-style:none}.scheme-list li{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:6px 0;display:flex}.scheme-list li:last-child{border-bottom:0}.scheme-label{color:var(--muted)}.scheme-letters{gap:3px;display:flex}.scheme-letter,.group-opt{--hue:200;min-width:20px;height:20px;color:var(--chip-fg);background:var(--chip-bg);border-radius:4px;place-items:center;padding:0 4px;font-size:11px;font-weight:600;display:inline-grid}.scheme-letter.empty{color:var(--faint);background:0 0}.inspector .inspect-text{margin:0 0 12px;font-size:15px;font-style:italic}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:10px;margin-bottom:12px;display:grid}.stat-grid>div{flex-direction:column;display:flex}.stat-value{font-size:17px;font-weight:600}.stat-value.cap{text-transform:capitalize}.stat-label{color:var(--muted);font-size:11.5px}.pattern{font-family:var(--mono);letter-spacing:1px;background:var(--canvas);white-space:nowrap;border-radius:6px;margin-bottom:10px;padding:6px 8px;font-size:13px;display:block;overflow-x:auto}.word-table{border-collapse:collapse;width:100%;margin-bottom:12px}.word-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:3px 4px 3px 0}.word-table tr.uncertain .w-text{-webkit-text-decoration:underline dotted var(--fair);text-decoration:underline dotted var(--fair)}.w-text{white-space:nowrap;font-weight:500}.w-pos{color:var(--muted);font-size:11px}.w-phones{font-family:var(--mono);color:var(--muted);font-size:11px}.inspector-block{border-top:1px solid var(--border);padding-top:10px}.block-label{margin-bottom:4px;font-weight:600}.ref-text{color:var(--muted);margin:0 0 8px}.meter-row{grid-template-columns:70px 1fr 28px;align-items:center;gap:8px;margin:4px 0;font-size:12.5px;display:grid}.meter-label{color:var(--muted)}.meter-track{background:var(--canvas);border-radius:3px;height:6px;overflow:hidden}.meter-fill{border-radius:3px;height:100%;display:block}.band-good.meter-fill{background:var(--good)}.band-fair.meter-fill{background:var(--fair)}.band-poor.meter-fill{background:var(--poor)}.meter-value{text-align:right;font-variant-numeric:tabular-nums}.explanations{margin:10px 0 0;padding:0;list-style:none}.explanations li{padding:3px 0 3px 14px;line-height:1.4;position:relative}.explanations li:before{content:"";border-radius:50%;width:7px;height:7px;position:absolute;top:9px;left:0}.sev-ok:before{background:var(--good)}.sev-warn:before{background:var(--fair)}.sev-bad:before{background:var(--poor)}.field{margin-bottom:12px}.field-label{color:var(--muted);margin-bottom:6px;display:block}.segmented{background:var(--canvas);border-radius:6px;padding:2px;display:flex}.segmented button{border-radius:5px;flex:1;padding:6px 4px;font-size:12px}.segmented button.on{background:var(--accent);color:var(--accent-fg)}.toggle{align-items:center;gap:8px;margin-bottom:12px;display:flex}.legend{color:var(--muted);gap:6px;font-size:12.5px;display:grid}.legend span{align-items:center;gap:8px;display:flex}.swatch{border-bottom:3px solid;width:22px;height:0}.swatch.rest{border-image:linear-gradient(90deg, var(--seg-weak), var(--seg-strong)) 1}.swatch.good{border-color:var(--good)}.swatch.fair{border-color:var(--fair)}.swatch.poor{border-color:var(--poor)}.swatch.dotted{border-bottom-style:dotted;border-color:var(--seg-strong)}.popover{background:var(--canvas);border:1px solid var(--border);width:240px;box-shadow:0 14px 36px var(--shadow);z-index:50;border-radius:10px;padding:12px;font-size:13px;position:fixed}.popover-label{color:var(--muted);margin:0 0 6px}.group-picker{flex-wrap:wrap;gap:4px;margin-bottom:12px;display:flex}.group-opt{width:24px;height:24px}.group-opt.on{box-shadow:0 0 0 2px var(--chip-ring)}.popover select{border:1px solid var(--border);background:var(--panel);border-radius:6px;width:100%;margin-bottom:12px;padding:6px 8px}.popover-actions{justify-content:space-between;align-items:center;display:flex}.text-btn{color:var(--muted);font-size:13px}.text-btn:hover{color:var(--text)}.primary-btn{background:var(--accent);color:var(--accent-fg);border-radius:5px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;display:inline-flex}.draft-strip{background:var(--panel);border-top:1px solid var(--border);grid-template-columns:52px minmax(0,1fr) 52px;align-items:center;gap:16px;padding:14px 110px 14px 120px;display:grid}.nav-btn{border:1px solid var(--border);background:var(--canvas);border-radius:6px;place-items:center;height:50px;display:grid}.nav-btn:hover:not(:disabled){border-color:var(--border-strong)}.draft-center{flex-direction:column;align-items:center;gap:10px;min-width:0;display:flex}.draft-tabs{gap:18px;max-width:100%;padding:2px;display:flex;overflow-x:auto}.draft-tab{border:1px solid var(--border);background:var(--canvas);width:160px;color:var(--muted);border-radius:6px;flex-direction:column;flex:none;align-items:center;gap:6px;padding:8px 10px 6px;font-size:12.5px;display:flex}.draft-tab:hover{border-color:var(--border-strong)}.draft-tab.active{border:2px solid var(--text);color:var(--text);padding:7px 9px 5px}.draft-tab.add{justify-content:center;width:44px}.draft-name{align-items:center;gap:5px;display:flex}.scaffold-icon{color:var(--muted)}.draft-dot{background:var(--border-strong);border-radius:50%;width:5px;height:5px}.draft-tab.active .draft-dot{background:var(--text);width:7px;height:7px}.revision-row{align-items:center;gap:14px;width:min(580px,100%);display:flex}.revision-slider{--fill:100%;appearance:none;background:linear-gradient(90deg, var(--text) var(--fill), var(--border) var(--fill));outline-offset:6px;border-radius:2px;flex:1;height:4px}.revision-slider::-webkit-slider-thumb{appearance:none;background:var(--canvas);border:1px solid var(--border-strong);cursor:grab;border-radius:50%;width:22px;height:22px;box-shadow:0 1px 4px #00000026}.revision-slider::-moz-range-thumb{background:var(--canvas);border:1px solid var(--border-strong);border-radius:50%;width:22px;height:22px}.revision-label{color:var(--muted);white-space:nowrap;min-width:90px;font-size:12px}@media (width<=1180px){.workspace{grid-template-columns:minmax(0,1fr)}.tools{width:min(330px,100% - 24px);position:absolute;top:0;bottom:0;right:12px;box-shadow:-12px 0 32px #0000001f}.scrim.right{z-index:14;display:block;position:absolute;inset:0}.draft-strip{padding:12px 24px}}@media (width<=820px){.app{grid-template-columns:minmax(0,1fr)}.sidebar{width:min(300px,85vw);position:fixed;inset:0 auto 0 0;box-shadow:12px 0 32px #00000040}.scrim.left{z-index:19;background:#00000040;display:block;position:fixed;inset:0}.topbar{flex-wrap:wrap;gap:8px;min-height:0;padding:12px 16px}.title-block{margin-left:4px}.save-state span,.divider{display:none}.share-btn{margin-right:0;padding:9px 14px}.workspace{padding:0 16px}.lyric-doc{padding:22px 30px 100px 16px;font-size:17px}.draft-strip{grid-template-columns:40px minmax(0,1fr) 40px;gap:8px;padding:10px 16px}.nav-btn{height:40px}.draft-tab{width:110px}.draft-tabs{gap:8px}}.sidebar li.row{position:relative}.row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.project-item,.song-item{padding-right:40px}.row-tools{opacity:0;gap:2px;transition:opacity .12s;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.sidebar li.row:hover .row-tools,.row-tools:focus-within{opacity:1}.row-icon{width:26px;height:26px;color:var(--sidebar-muted);border-radius:6px;place-items:center;display:grid}.row-icon:hover{color:var(--sidebar-fg);background:var(--sidebar-active)}.row-icon.danger:hover{color:#ff9b8c;background:color-mix(in oklab, var(--poor) 22%, transparent)}@media (hover:none){.row-tools{opacity:.7}}.project-item{padding-right:64px}.inline-input.rename{margin:1px 0;padding:7px 12px 7px 24px}.sidebar li.row.drop-target .project-item{background:var(--sidebar-active);box-shadow:inset 0 0 0 1px var(--sidebar-muted)}.tool-success{color:var(--good);margin:10px 0 0;line-height:1.45}.scope-btn.wide{width:100%;margin-top:4px}.tools-btn{border:1px solid var(--border);border-radius:8px;align-items:center;gap:8px;height:40px;padding:0 14px;font-size:14px;display:inline-flex}.tools-btn:hover{border-color:var(--border-strong)}.offline-banner{background:color-mix(in oklab, var(--poor) 12%, var(--canvas));border:1px solid color-mix(in oklab, var(--poor) 35%, var(--border));border-radius:8px;align-items:flex-start;gap:12px;margin:12px 24px 0;padding:12px 16px;font-size:14px;line-height:1.5;display:flex}.offline-banner svg{color:var(--poor);flex:none;margin-top:2px}.offline-banner code{font-family:var(--mono);-webkit-user-select:all;user-select:all;margin-top:6px;font-size:12.5px;display:block}.rhyme-stat{align-items:center;gap:8px;display:flex}.text-btn.small{text-underline-offset:2px;font-size:12px;text-decoration:underline}.dialog-backdrop{z-index:60;background:#00000059;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.dialog{background:var(--canvas);width:min(620px,100%);max-height:calc(100vh - 32px);color:var(--text);border:1px solid var(--border);box-shadow:0 24px 64px var(--shadow);border-radius:14px;overflow-y:auto}.dialog-head{justify-content:space-between;align-items:center;padding:18px 18px 6px 24px;display:flex}.dialog-head h2{font-family:var(--serif);margin:0;font-size:22px}.dialog-section{border-bottom:1px solid var(--border);padding:14px 24px 18px}.dialog-section h3{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:13px;font-weight:600}.theme-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.theme-card{border:1px solid var(--border);text-align:left;border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}.theme-card:hover{border-color:var(--border-strong)}.theme-card.on{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.theme-preview{border:1px solid #00000014;border-radius:6px;height:54px;display:flex;position:relative;overflow:hidden}.theme-preview-side{width:28%}.theme-preview-lines{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:5px;display:flex}.theme-preview-lines i{opacity:.85;border-radius:2px;width:60%;height:3px;display:block}.theme-preview-lines i:nth-child(2){width:45%}.theme-preview-split{opacity:.9;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%);position:absolute;inset:0 0 0 64%}.theme-name{justify-content:space-between;align-items:center;padding:0 4px 2px;font-size:13px;display:flex}.dialog-subhead{color:var(--muted);margin:18px 0 10px;font-size:12.5px;font-weight:500}.theme-slot{display:grid;position:relative}.theme-name-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.theme-actions{background:color-mix(in oklab, var(--canvas) 88%, transparent);box-shadow:0 1px 4px var(--shadow);opacity:0;border-radius:8px;gap:2px;padding:2px;transition:opacity .12s;display:flex;position:absolute;top:10px;right:10px}.theme-slot:hover .theme-actions,.theme-actions:focus-within{opacity:1}@media (hover:none){.theme-actions{opacity:1}}.theme-actions .row-icon{width:24px;height:24px;color:var(--muted)}.theme-actions .row-icon:hover{color:var(--text);background:var(--tool-hover)}.theme-actions .row-icon.danger:hover{color:var(--poor)}.text-field{border:1px solid var(--border-strong);background:var(--canvas);border-radius:6px;width:100%;padding:7px 10px;font-size:14px}.text-field:focus{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);outline:none}.theme-rename{padding:3px 6px;font-size:13px;position:absolute;bottom:3px;left:4px;right:4px}.theme-add{color:var(--muted);border-style:dashed}.theme-add:hover,.theme-add.dragging{color:var(--text);border-color:var(--accent);background:var(--panel)}.theme-add-icon{place-items:center;height:54px;display:grid}.theme-creator{border:1px solid var(--border);background:var(--panel);border-radius:10px;margin-top:14px;padding:14px}.theme-creator-body{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:16px;display:grid}.theme-creator-source{flex-direction:column;gap:10px;display:flex}.theme-creator-thumb{object-fit:cover;border:1px solid var(--border);border-radius:8px;width:100%;max-height:180px}.theme-creator-thumb.placeholder{background:var(--tool-bg);height:120px}.palette-row{flex-wrap:wrap;gap:6px;display:flex}.palette-swatch{color:#fff;filter:drop-shadow(0 0 1px #0009);border:1px solid #0000001f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.palette-swatch.on{outline:2px solid var(--accent);outline-offset:2px}.palette-swatch.placeholder{background:var(--tool-bg);filter:none}.theme-creator-controls .field{margin:12px 0 0}.segmented.boxed{border:1px solid var(--border)}.theme-creator-actions{justify-content:flex-end;align-items:center;gap:14px;margin-top:14px;display:flex}.theme-mock{border:1px solid var(--border);background:var(--main-bg);min-height:132px;color:var(--text);border-radius:8px;font-size:12px;display:flex;overflow:hidden}.theme-mock.loading{color:var(--muted);justify-content:center;align-items:center}.theme-mock-side{background:var(--sidebar-bg);flex-direction:column;gap:6px;width:26%;padding:12px 8px;display:flex}.theme-mock-side i{background:color-mix(in oklab, var(--sidebar-muted) 35%, transparent);border-radius:4px;height:14px;display:block}.theme-mock-side i.active{background:var(--sidebar-active);box-shadow:inset 2px 0 var(--sidebar-fg)}.theme-mock-main{flex:1;min-width:0;padding:10px}.theme-mock-canvas{border:1px solid var(--border);background:var(--canvas);border-radius:6px;padding:8px 10px}.theme-mock-title{font-family:var(--serif);font-size:13px}.theme-mock-canvas p{margin:6px 0 0;line-height:1.6}.theme-mock-canvas p span{border-bottom:2px solid}.theme-mock-muted{color:var(--muted);font-size:11px}.theme-mock-btn{background:var(--accent);color:var(--accent-fg);border-radius:5px;margin-top:8px;padding:3px 10px;font-size:11px;display:inline-block}.field-value{float:right;color:var(--text);font-variant-numeric:tabular-nums}.range{width:100%;accent-color:var(--accent)}.underline-preview{grid-template-columns:1fr 1fr;gap:10px;margin:4px 0 16px;display:grid}.underline-preview>div{background:var(--panel);text-align:center;border-radius:8px;padding:8px 10px 12px}.preview-caption{color:var(--muted);margin-bottom:4px;font-size:11.5px;display:block}.preview-line{font-size:15px}.preview-line.colored .seg.band-good{border-bottom-color:var(--good)}.preview-line.colored .seg.band-fair{border-bottom-color:var(--fair)}.preview-line.colored .seg.band-poor{border-bottom-color:var(--poor)}.dialog-foot{color:var(--muted);justify-content:space-between;align-items:center;padding:14px 24px 18px;font-size:13px;display:flex}@media (width<=560px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.underline-preview,.theme-creator-body{grid-template-columns:1fr}}.breadcrumb-anchor{width:fit-content}button.breadcrumb{border-radius:5px;padding:2px 6px 2px 0}button.breadcrumb:hover{color:var(--text)}.menu.left{left:0;right:auto}.menu-label{color:var(--muted);padding:6px 10px 4px;font-size:12px}.menu .menu-project{align-items:center;gap:10px;display:flex}.menu .menu-project span:nth-child(2){flex:1}