:root[data-app=lyric]{--lyric-bg:#fff;--lyric-surface:#fff;--lyric-subtle:#f6f7f9;--lyric-line:#e5e7eb;--lyric-line-strong:#d1d5db;--lyric-text:#111827;--lyric-text-dim:#4b5563;--lyric-text-faint:#5f6673;--lyric-accent:#4f46e5;--lyric-accent-text:#4338ca;--lyric-accent-soft:#eef2ff;--lyric-on-accent:#fff;--lyric-stage:#272a31;--lyric-checker-a:#1c1e24;--lyric-checker-b:#2a2e37;--lyric-radius-sm:8px;--lyric-radius:10px;--lyric-radius-lg:12px;--lyric-radius-pill:999px;--lyric-shadow-sm:0 1px 2px #0000000f;--lyric-shadow-md:0 8px 24px #00000014;--lyric-focus-ring:2px solid var(--lyric-accent);--lyric-font:"Inter", "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--lyric-sp-1:4px;--lyric-sp-2:8px;--lyric-sp-3:12px;--lyric-sp-4:16px;--lyric-sp-5:20px;--lyric-sp-6:24px;--lyric-sp-8:32px;--lyric-header-h:64px;--lyric-col-left:300px;--lyric-col-right:340px;--lyric-timeline-h:200px;--lyric-gutter:24px;--lyric-dur:.18s;--lyric-ease:cubic-bezier(.2, .7, .2, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--lyric-font);color:var(--lyric-text);background:var(--lyric-bg);-webkit-font-smoothing:antialiased;font-feature-settings:"cv11", "ss01";font-size:14px;font-weight:400;line-height:1.6}[data-app=lyric] *,[data-app=lyric] :before,[data-app=lyric] :after{box-sizing:border-box}[data-app=lyric],[data-app=lyric] body,[data-app=lyric] #root{height:100%;margin:0}[data-app=lyric] body{background:var(--lyric-bg);overflow:hidden}[data-app=lyric] :is(button,input,select,textarea){font:inherit;color:inherit}[data-app=lyric] ::selection{background:var(--lyric-accent);color:var(--lyric-on-accent)}[data-app=lyric] :focus-visible{outline:var(--lyric-focus-ring);outline-offset:2px}.lyric-app{grid-template-columns:var(--lyric-col-left) minmax(0, 1fr) var(--lyric-col-right);grid-template-rows:var(--lyric-header-h) minmax(0, 1fr);grid-template-areas:"header header header""left center right";height:100vh;display:grid}.lyric-app__left,.lyric-app__right{background:var(--lyric-surface);flex-direction:column;min-width:0;min-height:0;display:flex}.lyric-app__left{border-right:1px solid var(--lyric-line);grid-area:left;overflow:hidden}.lyric-app__right{overscroll-behavior:contain;border-left:1px solid var(--lyric-line);grid-area:right;scroll-padding-bottom:200px;overflow-y:auto}.lyric-app__center{gap:var(--lyric-sp-4);min-width:0;min-height:0;padding:var(--lyric-gutter);background:var(--lyric-subtle);flex-direction:column;grid-area:center;display:flex}.lyric-header{align-items:center;gap:var(--lyric-sp-4);min-width:0;padding:0 var(--lyric-gutter);border-bottom:1px solid var(--lyric-line);background:var(--lyric-surface);grid-area:header;display:flex}.lyric-logo{letter-spacing:-.02em;white-space:nowrap;align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;line-height:1;display:flex}.lyric-logo__mark{border-radius:var(--lyric-radius-sm);background:var(--lyric-accent);width:28px;height:28px;box-shadow:var(--lyric-shadow-sm);flex:none;position:relative}.lyric-logo__mark:before{content:"";background:linear-gradient(var(--lyric-on-accent) 0 0) 0 0 / 14px 2px no-repeat, linear-gradient(var(--lyric-on-accent) 0 0) 0 6px / 8px 2px no-repeat, linear-gradient(var(--lyric-on-accent) 0 0) 0 12px / 11px 2px no-repeat;width:14px;height:14px;position:absolute;top:7px;left:7px}.lyric-specs{gap:var(--lyric-sp-2);flex-wrap:wrap;margin:0 0 0 auto;display:flex}.lyric-specs dt{color:var(--lyric-text-faint)}.lyric-specs dd{color:var(--lyric-text);font-variant-numeric:tabular-nums;margin:0;font-weight:600}.lyric-chip{border:1px solid var(--lyric-line);border-radius:var(--lyric-radius-pill);background:var(--lyric-subtle);color:var(--lyric-text-dim);white-space:nowrap;flex:none;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;line-height:1.3;display:inline-flex}.lyric-chip--accent{background:var(--lyric-accent-soft);color:var(--lyric-accent-text);border-color:#0000;font-weight:600}.lyric-badge:before{content:"";border-radius:var(--lyric-radius-pill);background:var(--lyric-accent);width:6px;height:6px}.lyric-panel{padding:var(--lyric-sp-5) var(--lyric-gutter)}.lyric-card{border:1px solid var(--lyric-line);border-radius:var(--lyric-radius-lg);background:var(--lyric-surface);box-shadow:var(--lyric-shadow-sm);animation:lyric-rise .42s var(--lyric-ease) both}.lyric-card+.lyric-card{animation-delay:60ms}.lyric-section-head{align-items:baseline;gap:var(--lyric-sp-2);min-width:0;display:flex}.lyric-title{letter-spacing:-.01em;margin:0;font-size:15px;font-weight:700;line-height:1.3}.lyric-kicker{color:var(--lyric-text-faint);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:600}.lyric-hint{margin:var(--lyric-sp-1) 0 var(--lyric-sp-3);color:var(--lyric-text-dim);font-size:13px}.lyric-editor{flex-direction:column;flex:1;min-height:0;display:flex}.lyric-editor__text{width:100%;min-height:240px;padding:var(--lyric-sp-3) 14px;border:1px solid var(--lyric-line-strong);border-radius:var(--lyric-radius);background:var(--lyric-surface);box-shadow:var(--lyric-shadow-sm);resize:none;caret-color:var(--lyric-accent);transition:border-color var(--lyric-dur) var(--lyric-ease), box-shadow var(--lyric-dur) var(--lyric-ease);flex:1;font-size:14px;line-height:1.9}.lyric-editor__text:hover{border-color:var(--lyric-text-faint)}.lyric-editor__text:focus{border-color:var(--lyric-accent)}.lyric-editor__text::placeholder{color:var(--lyric-text-faint)}.lyric-editor__count{margin:var(--lyric-sp-2) 0 0;color:var(--lyric-text-dim);font-variant-numeric:tabular-nums;text-align:right;font-size:12px}.lyric-preview{gap:var(--lyric-sp-3);min-height:0;padding:var(--lyric-sp-4);flex-direction:column;flex:1;display:flex}.lyric-preview__specs{gap:var(--lyric-sp-3);color:var(--lyric-text-dim);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:12px;display:flex}.lyric-preview__stage{border-radius:var(--lyric-radius-sm);background:var(--lyric-stage);flex:1;min-height:160px;position:relative;overflow:hidden}.lyric-preview__stage>.lyric-preview__canvas{width:auto;max-width:calc(100% - 48px);height:auto;max-height:calc(100% - 48px);box-shadow:var(--lyric-shadow-md);background-color:var(--lyric-checker-a);background-image:linear-gradient(45deg, var(--lyric-checker-b) 25%, transparent 25%), linear-gradient(-45deg, var(--lyric-checker-b) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--lyric-checker-b) 75%), linear-gradient(-45deg, transparent 75%, var(--lyric-checker-b) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;margin:auto;position:absolute;inset:0}.lyric-preview__meta{justify-content:space-between;align-items:center;gap:var(--lyric-sp-3);color:var(--lyric-text-dim);font-size:12px;display:flex}.lyric-preview__caption{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lyric-preview__time{border-radius:var(--lyric-radius-pill);background:var(--lyric-accent-soft);color:var(--lyric-accent-text);font-variant-numeric:tabular-nums;flex:none;padding:3px 10px;font-weight:600}.lyric-timeline{height:var(--lyric-timeline-h);max-height:46%;padding:var(--lyric-sp-4);flex-direction:column;flex:none;display:flex}.lyric-timeline .lyric-placeholder{flex:1}.lyric-export{z-index:2;margin:auto var(--lyric-sp-4) var(--lyric-sp-4);padding:var(--lyric-sp-4);border:1px solid var(--lyric-line);border-radius:var(--lyric-radius-lg);background:var(--lyric-subtle);box-shadow:var(--lyric-shadow-md);flex:none;position:sticky;bottom:0}.lyric-export .lyric-placeholder{background:var(--lyric-surface)}.lyric-placeholder{justify-content:center;align-items:flex-start;gap:var(--lyric-sp-2);min-height:96px;margin-top:var(--lyric-sp-3);padding:var(--lyric-sp-4);border:1px dashed var(--lyric-line-strong);border-radius:var(--lyric-radius);background:var(--lyric-subtle);color:var(--lyric-text-dim);flex-direction:column;display:flex}.lyric-placeholder__text{margin:0;font-size:13px;line-height:1.6}@keyframes lyric-rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){[data-app=lyric] *,[data-app=lyric] :before,[data-app=lyric] :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}@media (width<=1279px){:root[data-app=lyric]{--lyric-col-left:248px;--lyric-col-right:296px;--lyric-gutter:18px}}@media (width<=900px){:root[data-app=lyric]{--lyric-gutter:16px}[data-app=lyric] body{overflow:auto}.lyric-app{grid-template:"header""center""left""right"/minmax(0,1fr);height:auto;min-height:100vh}.lyric-header{row-gap:var(--lyric-sp-2);padding:var(--lyric-sp-3) var(--lyric-gutter);flex-wrap:wrap}.lyric-specs{margin-left:0}.lyric-app__left,.lyric-app__right{border:0;overflow:visible}.lyric-app__left{border-bottom:1px solid var(--lyric-line)}.lyric-preview{flex:none;height:56vh;min-height:320px}.lyric-timeline{height:auto;max-height:none}.lyric-editor__text{min-height:200px}.lyric-export{position:static}}