.card-export-toggle{cursor:pointer}.card-export-toggle:focus-visible{outline:2px solid var(--sun);outline-offset:4px}.lyric-card-dialog{color:#f1f0e9;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#171d1f;border:1px solid #ffffff18;border-radius:22px;width:min(1040px,100% - 3rem);max-width:none;height:min(820px,100dvh - 3rem);max-height:none;margin:auto;padding:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans,sans-serif;position:fixed;inset:0;overflow:hidden;box-shadow:0 24px 100px #0008}.lyric-card-dialog::backdrop{background:#060b10b8}.lyric-card-dialog:not([open]){display:none}.lyric-card-editor{flex-direction:column;height:100%;display:flex}.card-editor-header{border-bottom:1px solid #ffffff10;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.6rem 1.8rem 1.35rem;display:flex}.card-editor-eyebrow{color:#b9ab90;letter-spacing:.16em;font-size:.62rem;font-weight:500;display:block}.card-editor-header h2{color:#f1f0e9;letter-spacing:-.035em;margin:.55rem 0 .35rem;font-size:1.35rem;font-weight:550;line-height:1.4}.card-editor-header p{color:#a2a8a6;margin:0;font-size:.76rem;line-height:1.6}.lyric-card-dialog button{cursor:pointer;font-family:inherit;transition:background-color .15s,color .15s,transform .15s}.lyric-card-dialog button:active:not(:disabled){transform:scale(.97)}.lyric-card-dialog button:disabled{cursor:default;opacity:.4}.lyric-card-dialog button:focus-visible{outline-offset:3px;outline:2px solid #dfc8a0}.card-icon-button{color:#acb2af;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:2.5rem;height:2.5rem;margin:-.35rem -.5rem 0 0;display:grid}.card-icon-button svg{width:1.15rem;height:1.15rem}.card-editor-body{flex:1;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.card-selection-panel,.card-preview-panel{min-width:0;min-height:0;padding:1.25rem 1.5rem}.card-selection-panel{border-right:1px solid #ffffff10;grid-template-rows:auto auto auto minmax(0,1fr);display:grid}.card-panel-heading{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;font-size:.82rem;font-weight:550;display:flex}.card-count,.card-preview-format{color:#a6ada9;font-variant-numeric:tabular-nums;font-size:.68rem;font-weight:400}.card-segments{background:#0e1517;border:1px solid #ffffff0e;border-radius:10px;gap:3px;padding:4px;display:flex}.card-segments button{color:#a6ada9;background:0 0;border:0;border-radius:7px;flex:1;min-height:2.25rem;padding:.45rem;font-size:.78rem}.card-segments button[aria-pressed=true]{color:#fff8eb;background:#303a3c;box-shadow:0 1px 4px #0003}.card-selection-caption{justify-content:space-between;align-items:center;gap:.5rem;padding:.65rem 0;display:flex}.card-selection-caption p{color:#959e9a;margin:0;font-size:.65rem;line-height:1.6}.card-selection-caption button{color:#d0b991;background:0 0;border:0;flex:none;padding:.5rem .2rem .5rem .6rem;font-size:.7rem}.card-lyric-options{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#65716a55 transparent;min-height:0;margin:0 -.5rem 0 0;padding:0 .5rem 0 0;list-style:none;overflow-y:auto}.card-lyric-options li+li{margin-top:5px}.card-lyric-option{cursor:pointer;border:1px solid #0000;border-radius:10px;grid-template-columns:1.45rem minmax(0,1fr) 1.15rem;align-items:start;gap:.7rem;padding:.9rem .7rem;display:grid;position:relative}.card-lyric-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.card-lyric-option:has(input:focus-visible){outline-offset:-2px;outline:2px solid #dfc8a0}.card-lyric-option[data-selected=true]{background:#c6b18a13;border-color:#c6b18a4a}.card-lyric-option[data-unavailable=true]{opacity:.4;cursor:default}.card-line-number{color:#88938c;font-variant-numeric:tabular-nums;padding-top:.15rem;font-size:.65rem}.card-line-text{color:#e0e4df;overflow-wrap:anywhere;flex-direction:column;gap:.4rem;font-size:.9rem;line-height:1.75;display:flex}.card-line-translation{color:#a0aaa3;font-size:.76rem}.card-line-check{border:1px solid #66726b;border-radius:5px;place-items:center;width:1.1rem;height:1.1rem;margin-top:.22rem;display:grid}.card-line-check svg{stroke-width:2.5px;width:.85rem;height:.85rem}.card-lyric-option[data-selected=true] .card-line-check{color:#252922;background:#dbc6a0;border-color:#dbc6a0}.card-preview-panel{background:#151515;grid-template-rows:auto auto minmax(0,1fr) auto;display:grid}.card-theme-options{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.card-theme-options button{color:#a4ada6;background:0 0;border:1px solid #ffffff16;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:.5rem;min-height:2.65rem;padding:.45rem;font-size:.73rem;display:flex}.card-theme-options button[aria-pressed=true]{color:#eee5d4;background:#c6b18a0c;border-color:#c6b18a80}.card-theme-swatch{border:1px solid #ffffff30;border-radius:50%;flex:none;width:.85rem;height:.85rem;display:block}.card-preview-stage{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent;background:#101010;border:1px solid #ffffff08;border-radius:12px;min-height:0;padding:1rem;overflow:auto}.card-preview-image{border-radius:8px;width:100%;max-width:350px;height:auto;margin:0 auto;display:block;box-shadow:0 8px 24px #0005}.card-preview-empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100%;padding:2rem .5rem;display:flex}.card-preview-empty>svg{color:#9f967f;stroke-width:1px;width:2rem;height:2rem;margin-bottom:1.25rem}.card-preview-empty strong{color:#c3c9bf;letter-spacing:.06em;font-family:Songti SC,serif;font-size:1.2rem;font-weight:500}.card-preview-empty p{color:#84938a;margin:.7rem 0 0;font-size:.75rem;line-height:1.9}.card-preview-note{color:#a1aba2;text-align:center;min-height:1.25rem;margin:.7rem 0 0;font-size:.63rem;line-height:1.5}.card-preview-loading,.card-preview-error{color:#b9c1b8;text-align:center;place-content:center;min-height:100%;margin:0;padding:1rem;font-size:.8rem;line-height:1.7;display:grid}.card-preview-error{color:#eac3ae}.card-editor-footer{background:#171d1f;border-top:1px solid #ffffff10;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.8rem;display:flex}.card-export-status{color:#a6afa7;overflow-wrap:anywhere;min-width:0;font-size:.73rem;line-height:1.6}.card-primary-button{color:#252b26;background:#dfcaa6;border:0;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:.55rem;min-height:2.75rem;padding:.65rem 1.2rem;font-size:.8rem;font-weight:600;display:flex}.card-primary-button svg{width:1rem;height:1rem}.card-mobile-steps,.card-next-button{display:none}@media (hover:hover) and (pointer:fine){.card-icon-button:hover{color:#fff;background:#ffffff0c}.card-lyric-option:hover:not([data-unavailable=true]){background:#c6b18a13}.card-theme-options button:hover,.card-segments button:hover{color:#fff5e2}.card-primary-button:hover:not(:disabled){background:#efdab7}}@media (max-width:700px){.lyric-card-dialog{border:0;border-radius:0;width:100%;height:100dvh}.card-editor-header{padding:calc(1rem + env(safe-area-inset-top)) 1.2rem 1rem}.card-editor-header h2{font-size:1.17rem}.card-editor-header p{font-size:.7rem}.card-mobile-steps{border-bottom:1px solid #ffffff0c;justify-content:center;align-items:center;gap:.9rem;padding:.65rem 1.2rem;display:flex}.card-mobile-steps button{color:#8c9b91;background:0 0;border:0;align-items:center;gap:.4rem;min-height:2rem;padding:.3rem .5rem;font-size:.73rem;display:flex}.card-mobile-steps button[aria-pressed=true]{color:#e5cfaa}.card-mobile-steps>svg{color:#56665b;width:.8rem;height:.8rem}.card-editor-body{grid-template-columns:minmax(0,1fr)}.card-selection-panel,.card-preview-panel{border:0;padding:1rem 1.2rem}.lyric-card-editor[data-step=select] .card-preview-panel,.lyric-card-editor[data-step=preview] .card-selection-panel{display:none}.card-editor-footer{padding:.8rem 1.2rem calc(.8rem + env(safe-area-inset-bottom))}.card-export-status{font-size:.67rem}.lyric-card-editor[data-step=select] .card-next-button{display:flex}.lyric-card-editor[data-step=select] .card-save-button{display:none}.card-preview-stage{padding:.65rem}}@media (prefers-reduced-motion:reduce){.lyric-card-dialog button{transition:none}.lyric-card-dialog button:active:not(:disabled){transform:none}}@media (max-height:540px){.card-editor-header{padding:.65rem 1.2rem}.card-editor-header h2{margin:.15rem 0;font-size:1.1rem}.card-editor-header p,.card-editor-eyebrow{display:none}.card-mobile-steps{padding:.1rem 1.2rem}.card-selection-panel,.card-preview-panel{padding:.6rem 1.2rem}.card-panel-heading{margin-bottom:.4rem}.card-selection-caption{padding:.1rem 0}.card-theme-options{margin-bottom:.5rem}}