.form-lyric-editor{flex-direction:column;gap:16px;display:flex}.field-group{flex-direction:column;gap:8px;display:flex}.field-group label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.field-group input{border:1px solid var(--border);background:var(--field-bg);width:100%;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.field-group input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.sections{flex-direction:column;gap:14px;display:flex}.section-card{border:1px solid var(--border);background:var(--panel-soft);border-radius:14px;flex-direction:column;gap:10px;padding:14px;display:flex}.section-card textarea{resize:vertical;border:1px solid var(--border);background:var(--field-bg);width:100%;min-height:140px;color:var(--text);border-radius:10px;outline:none;padding:12px 14px;font-family:Kaiti SC,STKaiti,楷体,KaiTi,serif;font-size:14px;line-height:1.7;transition:border-color .2s,box-shadow .2s}.section-card textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.section-card__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.section-card__meta{flex:1;gap:8px;min-width:0;display:flex}.section-card__meta .label-input{border:1px solid var(--border);background:var(--field-bg);min-width:0;color:var(--text);border-radius:8px;outline:none;flex:1;padding:8px 10px;font-size:14px}.section-card__meta .label-input:focus{border-color:var(--accent)}.section-card__meta select{border:1px solid var(--border);background:var(--field-bg);color:var(--text);border-radius:8px;outline:none;padding:8px 10px;font-size:13px}.section-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-secondary,.btn-text{cursor:pointer;border:none;font-size:13px}.btn-secondary{background:var(--panel-soft);min-width:120px;color:var(--text);border:1px solid var(--border);border-radius:10px;flex:1;padding:10px 14px;transition:background .2s,border-color .2s}.btn-secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.btn-text{color:var(--muted);background:0 0;padding:6px 8px}.btn-text:hover:not(:disabled){color:#e88}.btn-text:disabled{opacity:.35;cursor:not-allowed}.poster-preview{background:linear-gradient(45deg,#16181f 25%,#0000 25%) -8px 0/16px 16px,linear-gradient(-45deg,#16181f 25%,#0000 25%) -8px 0/16px 16px,linear-gradient(45deg,#0000 75%,#16181f 75%) -8px 0/16px 16px,linear-gradient(-45deg,#0000 75%,#16181f 75%) -8px 0/16px 16px,#0e1016;border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;overflow:hidden;box-shadow:0 16px 48px #00000059}.poster-preview__scaler{background:#111;flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 12px 40px #00000073}.poster-preview__frame{transform-origin:0 0;pointer-events:none;background:0 0;border:0;display:block}.select-image-size{flex-direction:column;gap:10px;display:flex}.select-image-size__label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.select-image-size__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-size-chip{text-align:left;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .2s,transform .2s,background .2s;display:flex}.image-size-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.image-size-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.image-size-chip strong{font-size:14px;font-weight:600}.image-size-chip small{color:var(--muted);font-size:11px;line-height:1.4}@media (width<=640px){.select-image-size__row{grid-template-columns:1fr}}.select-layout{flex-direction:column;gap:10px;display:flex}.select-layout__label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.select-layout__row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.layout-chip{text-align:left;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .2s,transform .2s,background .2s;display:flex}.layout-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.layout-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.layout-chip strong{font-size:14px;font-weight:600}.layout-chip small{color:var(--muted);font-size:11px;line-height:1.4}@media (width<=1100px){.select-layout__row{grid-template-columns:1fr}}.select-template{flex-direction:column;gap:8px;display:flex}.select-template__label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.select-template select{border:1px solid var(--border);background:var(--field-bg);width:100%;color:var(--text);cursor:pointer;border-radius:10px;outline:none;padding:12px 14px;font-size:15px;transition:border-color .2s,box-shadow .2s}.select-template select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.select-template select option{background:var(--panel);color:var(--text)}.select-theme{flex-direction:column;gap:10px;display:flex}.select-theme__label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.select-theme__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:280px;padding-right:2px;display:grid;overflow-y:auto}.theme-chip{text-align:left;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:8px 10px;transition:border-color .2s,transform .2s,background .2s;display:flex}.theme-chip:hover{border-color:var(--accent);transform:translateY(-1px)}.theme-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.theme-chip__swatch{border:1px solid #ffffff1f;border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.theme-chip__dot{border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 2px #fff3}.theme-chip__meta{flex-direction:column;gap:2px;min-width:0;display:flex}.theme-chip__meta strong{font-size:13px;font-weight:600}.theme-chip__meta small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}@media (width<=1100px){.select-theme__grid{grid-template-columns:1fr}}:root{--bg:#12141a;--panel:#1a1e27;--panel-soft:#ffffff08;--field-bg:#080a0e8c;--border:#ffffff1a;--text:#eef1f6;--muted:#8b93a7;--accent:#d4b483;--accent-soft:#d4b48324;--font-ui:"PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;color:var(--text);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{height:100%;min-height:100%;margin:0}body{background:radial-gradient(ellipse at top left, #d4b48314, transparent 40%), radial-gradient(ellipse at bottom right, #648cc814, transparent 45%), var(--bg)}button,input,textarea,select{font:inherit}.app-shell{flex-direction:column;gap:18px;height:100%;min-height:100dvh;padding:20px 24px 24px;display:flex}.app-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.brand h1{letter-spacing:.06em;margin:0;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:600;line-height:1}.brand__identity{align-items:center;gap:12px;display:flex}.brand__logo{object-fit:contain;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;touch-action:manipulation;border-radius:10px;flex-shrink:0;width:40px;height:40px}.brand__desc{color:var(--muted);margin:8px 0 0;font-size:13px}.header-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-primary,.btn-ghost{cursor:pointer;border-radius:999px;padding:10px 18px;transition:transform .15s,background .2s,border-color .2s}.btn-primary{color:#1a140c;background:linear-gradient(135deg,#e2c089,#c9a56a);border:1px solid #0000;font-weight:600}.btn-primary:hover{transform:translateY(-1px)}.btn-ghost{border:1px solid var(--border);color:var(--text);background:0 0}.btn-ghost:hover{border-color:var(--accent);background:var(--accent-soft)}.app-main{flex:1;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:18px;min-height:0;display:grid}.editor-pane,.preview-pane{border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1e27e0;border-radius:18px;min-height:0}.editor-pane{flex-direction:column;gap:22px;padding:18px;display:flex;overflow:auto}.preview-pane{flex-direction:column;gap:12px;padding:16px;display:flex}.preview-pane__head{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.preview-pane__head h2{letter-spacing:.08em;margin:0;font-size:15px;font-weight:600}.preview-pane__head span{color:var(--muted);font-size:12px}.preview-pane__body{flex:1;min-height:0}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#06080ca8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{border:1px solid var(--border);background:#1c212c;border-radius:18px;width:min(560px,100%);max-height:min(90vh,720px);padding:22px;overflow:auto;box-shadow:0 24px 64px #00000073}.modal h3{margin:0;font-size:1.25rem}.modal__desc{color:var(--muted);margin:8px 0 18px;font-size:13px;line-height:1.6}.export-format{flex-direction:column;gap:10px;margin-bottom:18px;display:flex}.export-format__label{letter-spacing:.12em;color:var(--muted);text-transform:uppercase;font-size:12px}.export-format__row{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.format-chip{text-align:left;border:1px solid var(--border);background:var(--panel-soft);color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;transition:border-color .2s,transform .2s,background .2s;display:flex}.format-chip:hover:not(:disabled){border-color:var(--accent);transform:translateY(-1px)}.format-chip.is-selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:inset 0 0 0 1px var(--accent)}.format-chip:disabled{opacity:.6;cursor:not-allowed}.format-chip strong{font-size:14px;font-weight:600}.format-chip small{color:var(--muted);font-size:11px;line-height:1.4}.modal__theme,.modal__size{margin-top:18px}.modal__error{color:#f0a0a0;margin:14px 0 0;font-size:13px;line-height:1.5}.modal__actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.modal__actions .btn-primary:disabled,.modal__actions .btn-ghost:disabled{opacity:.6;cursor:not-allowed;transform:none}@media (width<=960px){.app-shell{height:auto;min-height:100dvh}.app-main{grid-template-columns:1fr}.preview-pane__body,.poster-preview{min-height:60vh}}@media (width<=640px){.app-shell{padding:14px}.app-header{align-items:stretch}.header-actions{width:100%}.btn-primary,.btn-ghost{flex:1}}