:root{color:#eff6ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page-bg:#07101d;--panel-bg:#091426d1;--panel-border:#78a5d52e;--panel-strong:#12233ef0;--text-main:#eff6ff;--text-soft:#9bb1cb;--text-muted:#7a93b3;--accent:#56d4ff;--accent-strong:#8be9ff;--warm:#f3b56d;--danger:#ff9d8a;--chip-bg:#122540c7;--chip-border:#6ca0dc2e;--shadow:0 22px 56px #0000004d;background:#07101d;font-family:Space Grotesk,IBM Plex Sans,PingFang SC,Noto Sans SC,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{background:radial-gradient(circle at 0 0,#56d4ff29,#0000 28%),radial-gradient(circle at 100% 0,#f3b56d1f,#0000 22%),linear-gradient(#09111d 0%,#060b14 100%)}body{min-width:320px;margin:0}img{max-width:100%;display:block}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.page{background:radial-gradient(circle at 10% 10%,#56d4ff1f,#0000 24%),radial-gradient(circle at 88% 0,#f3b56d1a,#0000 20%),linear-gradient(#08101dfa 0%,#040911 100%);min-height:100vh;padding:20px 12px 40px}.page-shell{gap:18px;width:min(1380px,100%);margin:0 auto;display:grid}.card,.hero-panel{border:1px solid var(--panel-border);background:var(--panel-bg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.hero-panel,.card{border-radius:28px}.hero-panel{padding:22px;position:relative;overflow:hidden}.hero-panel:after{content:"";pointer-events:none;background:radial-gradient(circle,#56d4ff29,#0000 70%);width:220px;height:220px;position:absolute;inset:auto -60px -80px auto}.brand-row{gap:14px;display:grid}.brand-mark{align-items:center;gap:14px;display:flex}.brand-icon{border-radius:16px;width:52px;height:52px;box-shadow:0 12px 24px #00000047}.brand-eyebrow,.status-label,.field-helper,.count-pill,.status-pill,.step-badge{letter-spacing:.04em}.brand-eyebrow{color:var(--accent);text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:700}.hero-panel h1,.section-heading h2,.history-copy h3,.field-label-row h3{margin:0}.hero-panel h1{font-size:clamp(32px,5vw,52px);line-height:.96}.brand-copy,.section-heading p,.field-label-row,.helper-text,.hint-box,.history-prompt,.history-meta dt,.history-meta dd,.spellbook-section-toggle p,.choice-copy{margin:0}.brand-copy{max-width:580px;color:var(--text-soft);font-size:15px}.key-strip,.composer-column,.history-column,.history-list,.status-card,.slider-grid,.history-summary{gap:16px;display:grid}.card{padding:20px}.key-strip-grid{gap:16px;display:grid}.workspace{gap:18px;display:grid}.section-heading{gap:10px;margin-bottom:18px;display:grid}.section-heading-compact{margin-bottom:14px}.section-heading h2{font-size:24px}.section-heading p,.field-helper,.choice-copy,.hint-box,.history-prompt,.spellbook-section-toggle p{color:var(--text-soft)}.step-badge{width:fit-content;min-width:38px;height:30px;color:var(--accent-strong);background:#56d4ff1f;border:1px solid #56d4ff38;border-radius:999px;justify-content:center;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.field,.range-field,.field-block,.submit-card,.spellbook-panel,.history-card,.history-meta,.history-copy{gap:10px;display:grid}.field span{font-weight:700}.field input,.field textarea{width:100%;color:var(--text-main);background:#0b1628eb;border:1px solid #759cce38;border-radius:18px;padding:14px 16px;transition:border-color .18s,box-shadow .18s,transform .18s}.field textarea{resize:vertical;min-height:188px}.field input::placeholder,.field textarea::placeholder{color:#9bb1cba3}.field input:focus,.field textarea:focus,.choice-card:focus-within,.spellbook-chip:focus,.spellbook-section-toggle:focus,.ghost-button:focus,.primary-button:focus{border-color:#56d4ff80;outline:none;box-shadow:0 0 0 4px #56d4ff1f}.helper-text{font-size:14px}.helper-text-accent{color:var(--accent-strong)}.hint-box,.status-card>div,.summary-pill,.image-placeholder{background:#0e1c31e0;border:1px solid #78a5d524;border-radius:20px;padding:16px}.status-card{grid-template-columns:repeat(2,minmax(0,1fr))}.status-label{color:var(--text-muted);font-size:12px}.status-card strong,.summary-pill strong{font-size:clamp(24px,5vw,34px);line-height:1}.field-label-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.style-grid,.ratio-grid,.hd-grid{gap:12px;display:grid}.style-grid{grid-template-columns:repeat(auto-fit,minmax(168px,1fr))}.ratio-grid{grid-template-columns:repeat(auto-fit,minmax(104px,1fr))}.hd-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.choice-card{border:1px solid var(--chip-border);background:var(--chip-bg);border-radius:22px;gap:10px;padding:14px;transition:transform .18s,border-color .18s,background .18s;display:grid;position:relative}.choice-card:hover,.spellbook-chip:hover,.spellbook-section-toggle:hover{border-color:#56d4ff47;transform:translateY(-2px)}.choice-card.is-selected,.spellbook-chip.is-selected{background:linear-gradient(#183151eb,#0c1b31f5);border-color:#56d4ff8c;box-shadow:inset 0 0 0 1px #56d4ff2e}.choice-input{opacity:0;pointer-events:none;position:absolute;inset:0}.style-preview{aspect-ratio:4/5;object-fit:cover;background:#081323e6;border:1px solid #7aa7d529;border-radius:16px;width:100%}.choice-title{font-weight:700}.choice-copy{font-size:13px}.ratio-card,.hd-card{text-align:center;place-items:center}.ratio-icon{width:56px;height:56px}.ratio-icon-shell{fill:#56d4ff0f;stroke:#56d4ff38;stroke-width:1.5px}.ratio-icon-frame{fill:#f3b56d24;stroke:#f3b56d8f;stroke-width:1.5px}.range-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;display:grid}.range-row input[type=range]{width:100%;accent-color:var(--accent)}.range-row output{text-align:center;background:#0f1e34e6;border:1px solid #74a6d62e;border-radius:14px;min-width:54px;padding:8px 12px}.spellbook-grid{gap:12px;display:grid}.spellbook-section{background:#0a1424b3;border:1px solid #78a5d51f;border-radius:22px;overflow:hidden}.spellbook-section-toggle{width:100%;color:var(--text-main);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;display:flex}.spellbook-section-toggle strong{margin-bottom:4px;display:block}.count-pill{text-align:center;min-width:52px;color:var(--accent-strong);background:#56d4ff14;border:1px solid #56d4ff2e;border-radius:999px;padding:8px 12px;font-size:12px;font-weight:700}.spellbook-panel{padding:0 18px 18px}.spellbook-items{flex-wrap:wrap;gap:10px;display:flex}.spellbook-chip{text-align:left;color:var(--text-main);border:1px solid var(--chip-border);background:#0e1b2edb;border-radius:18px;gap:4px;padding:11px 13px;display:inline-grid}.spellbook-chip-zh{color:var(--text-soft);font-size:12px}.spellbook-chip-en{font-size:13px;font-weight:700}.ghost-button,.primary-button{border:1px solid #0000;border-radius:18px;transition:transform .18s,box-shadow .18s,opacity .18s}.ghost-button{color:var(--accent-strong);background:#56d4ff14;border-color:#56d4ff29;justify-self:start;padding:12px 16px}.primary-button{color:#07101d;background:linear-gradient(135deg,#f3b56d 0%,#ffd392 100%);padding:14px 20px;font-weight:800;box-shadow:0 16px 28px #f3b56d3d}.primary-button:disabled{opacity:.5;box-shadow:none}.key-button,.submit-button{min-height:54px}.submit-button{width:100%}.error-text{color:var(--danger);margin:0;font-size:14px}.history-panel{position:relative}.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.summary-pill span{color:var(--text-muted);font-size:12px}.history-list{gap:14px}.history-card{background:#091221b8;border:1px solid #78a5d51f;border-radius:24px;padding:16px}.result-image,.image-placeholder{aspect-ratio:1;border-radius:18px;width:100%}.result-image{object-fit:cover}.image-placeholder{color:var(--text-soft);justify-content:center;align-items:center;font-weight:700;display:flex}.status-pill{width:fit-content;color:var(--accent-strong);background:#56d4ff14;border:1px solid #56d4ff2e;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:700;display:inline-flex}.history-meta{grid-template-columns:repeat(3,minmax(0,1fr))}.history-meta div{background:#0d1b30e0;border:1px solid #78a5d51f;border-radius:16px;padding:12px}.history-meta dt{color:var(--text-muted);font-size:12px}.history-meta dd{color:var(--text-main);font-weight:700}@media (width>=860px){.page{padding:28px 20px 48px}.key-strip-grid{grid-template-columns:minmax(280px,1.5fr) auto minmax(260px,1fr);align-items:end}.slider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.workspace{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);align-items:start}.history-panel{position:sticky;top:24px}}