:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg-page:#f5f5f0;--bg-surface:#fcfcfa;--bg-surface-soft:#f2f0ea;--bg-panel:#fcfcfaeb;--bg-panel-strong:#fcfcfa;--bg-stage:#e7dfd4;--bg-stage-deep:#cfc0b2;--bg-ink:#292524;--text-primary:#292524;--text-secondary:#6f665f;--text-tertiary:#9a9087;--text-on-dark:#fcfcfa;--text-on-dark-muted:#fcfcfac2;--accent:#c25953;--accent-hover:#ae4c47;--accent-ink:#fcfcfa;--accent-soft:#c259531a;--accent-soft-strong:#c259532e;--success:#4d8d6f;--danger:#b65e66;--danger-soft:#b65e661f;--border-soft:#2925241a;--border-strong:#29252433;--divider:#2925241a;--shadow-soft:0 28px 70px #352b2414;--shadow-card:0 18px 40px #29211c14;--shadow-stage:0 36px 80px #261e192e;--font-display:"Cormorant Garamond", "Songti SC", "Noto Serif SC", "Source Han Serif SC", serif;--font-body:"SF Pro Text", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-mono:"SF Mono", "IBM Plex Mono", "JetBrains Mono", monospace;--radius-card:22px;--radius-control:16px;--radius-modal:28px;--radius-pill:999px;--radius-stage:32px;--radius-thumb:18px}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 0 0,#c2595314,#0000 28%),radial-gradient(circle at 100% 0,#fffbf5e6,#0000 26%),linear-gradient(#faf8f3 0%,#f5f5f0 46%,#ece8e0 100%);margin:0;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}h1{font-family:var(--font-display);letter-spacing:-.02em;font-size:clamp(42px,5vw,76px);font-weight:600;line-height:.96}h2{font-family:var(--font-display);letter-spacing:-.01em;font-size:clamp(28px,3vw,42px);font-weight:600;line-height:1.04}button,select,a,label.btn-small{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #c259533d}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.global-nav{z-index:50;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#faf8f3d6;border-bottom:1px solid #35261c14;justify-content:space-between;align-items:center;min-height:72px;padding:14px max(24px,50% - 660px);display:flex;position:sticky;top:0}.nav-brand{min-height:44px;color:var(--text-primary);align-items:center;gap:12px;font-size:15px;font-weight:700;display:inline-flex}.nav-brand-icon{width:38px;height:38px;color:var(--accent-ink);font-family:var(--font-display);background:linear-gradient(135deg,#c87763,#c25953);border-radius:14px;place-items:center;font-size:19px;font-weight:700;display:grid;box-shadow:0 12px 24px #c2595338}.nav-links{align-items:center;gap:16px;display:flex}.nav-links a,.nav-links span,.nav-links button{min-height:40px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;align-items:center;font-size:14px;transition:color .18s,opacity .18s;display:inline-flex}.nav-links a.nav-cta{background:linear-gradient(135deg,#c96e5f,#c25953);border:1px solid #0000;border-radius:999px;justify-content:center;min-width:112px;padding:0 18px;font-weight:800;box-shadow:0 16px 30px #c2595333;color:var(--accent-ink)!important}.nav-links a.nav-cta:hover,.nav-links a.nav-cta:focus-visible{background:linear-gradient(135deg,#bf6659,#ae4c47);color:var(--accent-ink)!important}.hero-band-conversion{grid-template-columns:1fr;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 max(24px,50vw - 660px)}.hero-primary-link{min-width:180px;text-decoration:none}.hero-featured-conversion{min-height:560px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0;display:block}.hero-featured-overlay-conversion{gap:10px}.showcase-wall{min-height:560px;position:relative}.showcase-stage{min-height:560px;box-shadow:var(--shadow-stage);background:linear-gradient(#ebe4dce6,#d6cbbfeb);border:1px solid #29252414;border-radius:30px;position:relative;overflow:hidden}.showcase-stage-image{object-fit:contain;background:#faf8f5;width:100%;height:100%;display:block;position:absolute;inset:0}.showcase-stage-title{z-index:2;color:#ffffffeb;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#18151461;border-radius:8px;padding:4px 10px;font-size:13px;font-weight:500;position:absolute;bottom:16px;left:20px}.showcase-dots{z-index:2;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.showcase-dot{cursor:pointer;background:#29252433;border:none;border-radius:50%;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.showcase-dot.active{background:#292524b3;transform:scale(1.25)}.showcase-dot:hover{background:#29252473}.showcase-wall-empty{min-height:560px}.showcase-empty-copy{background:linear-gradient(#fcfcfaad,#f0eae2f5);border:1px dashed #29252424;border-radius:30px;align-content:end;gap:12px;min-height:560px;padding:28px;display:grid}.showcase-empty-copy strong{font-family:var(--font-display);font-size:clamp(30px,4vw,46px);line-height:1}.showcase-empty-copy p{max-width:720px;color:var(--text-secondary);line-height:1.8}.hero-example-card{box-shadow:var(--shadow-card);background:#fcfcfae0;border:1px solid #29252414;border-radius:24px;grid-template-rows:minmax(260px,1.15fr) minmax(0,.85fr);align-content:stretch;gap:0;padding:0;transition:transform .22s,box-shadow .22s;display:grid;overflow:hidden}.hero-example-card-art{background-position:50%;background-size:cover;min-height:280px;transition:transform .28s;transform:scale(1)}.hero-example-card-copy{align-content:end;gap:10px;padding:20px 22px 22px;display:grid}.hero-example-card-floating{order:2}.hero-example-card:hover,.hero-example-card:focus-within{transform:translateY(-4px);box-shadow:0 24px 46px #29211c1f}.hero-example-card:hover .hero-example-card-art,.hero-example-card:focus-within .hero-example-card-art{transform:scale(1.05)}.hero-example-card strong{font-family:var(--font-display);margin-top:6px;font-size:26px;line-height:1;display:block}.hero-example-card p{color:var(--text-primary);font-size:14px;line-height:1.72}.main-grid-workbench{align-items:stretch}.workspace-login-chip-strong{background:#c2595314;border-color:#c259533d}.preview-workbench{gap:18px}.preview-head-workbench h2{max-width:520px}.stage-workbench{background:radial-gradient(circle at top,#c259531f,#0000 34%),linear-gradient(#faf7f1 0%,#e6ddd1 100%)}.stage-empty-guided strong{max-width:420px}.history-tabs{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.history-case-list{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.history-case-item{gap:0;overflow:hidden}.history-use-button{justify-self:start;min-height:40px;margin:0 18px 18px;padding:0 16px}.history-case-visual{background-color:#0000;background-image:linear-gradient(#ffffff0f,#ffffff05),linear-gradient(135deg,#c2595333,#efe7dde0);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:0;place-items:end start;min-height:240px;padding:18px;display:grid}.history-case-visual span{min-height:30px;color:var(--text-primary);background:#fcfcfac7;border-radius:999px;align-items:center;padding:0 12px;font-size:12px;font-weight:700;display:inline-flex}.actions-conversion{gap:16px}.shell{width:min(1320px,100% - 40px);margin:0 auto;padding:26px 0 84px}.shell-home{padding-top:34px}.main-grid{grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);align-items:start;gap:28px;display:grid}.eyebrow{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.hero-band{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:stretch;gap:24px;margin-bottom:28px;display:grid}.hero-copy,.hero-featured{box-shadow:var(--shadow-soft);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffcf8c7;border:1px solid #35261c14;border-radius:32px}.hero-copy{align-content:center;gap:18px;padding:clamp(28px,4vw,44px);display:grid}.hero-copy p{max-width:680px;color:var(--text-secondary);font-size:17px;line-height:1.8}.hero-meta{flex-wrap:wrap;gap:10px;margin-top:6px;display:flex}.hero-chip{background:#fcfcfa8f}.hero-featured{background:linear-gradient(#fffbf7eb,#f4eee7d1);padding:18px}.hero-featured-art{background:linear-gradient(180deg, #ffffff0a, #ffffff05), linear-gradient(135deg, #f07aa32e, #f5e8dcb8), var(--bg-stage);background-position:50%;background-size:cover;border-radius:28px;height:100%;min-height:520px;position:relative;overflow:hidden}.hero-featured-overlay{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#1b16131f,#1b1613ad);border-radius:24px;gap:8px;padding:24px;display:grid;position:absolute;inset:auto 18px 18px}.hero-featured-overlay span{color:#fffaf5c2;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:800}.hero-featured-overlay strong{font-family:var(--font-display);color:var(--text-on-dark);font-size:clamp(32px,3.8vw,46px);line-height:1}.hero-featured-overlay p{max-width:420px;color:var(--text-on-dark-muted);font-size:14px;line-height:1.65}.hero-band.hero-band-conversion{grid-template-columns:1fr;width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 max(24px,50vw - 660px)}.hero-featured.hero-featured-conversion{min-height:560px;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}.workspace,.auth-card,.admin-section,.settings-panel,.history,.modal-panel{background:var(--bg-panel);box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid #35261c14}.workspace{min-height:calc(100vh - 136px);color:var(--text-primary);background:linear-gradient(#fcfaf6f5,#f3efe9f5);border-radius:28px;flex-direction:column;padding:28px;display:flex;position:sticky;top:92px}.workspace-head{justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:10px;display:flex}.workspace-head h2{margin:0}.workspace-login-chip{align-self:center}.dock-section{border-top:1px solid var(--border-soft);padding:18px 0}.dock-section-step{margin-top:2px}.dock-section-emphasis{border-top:0;padding-top:0}.dock-label-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;display:flex}.dock-tag{min-height:24px;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;background:#201a170d;border-radius:999px;align-items:center;padding:0 10px;font-size:10px;font-weight:800;display:inline-flex}.grid-compact{align-items:end}.field-block{min-width:0}label{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;margin-bottom:9px;font-size:11px;font-weight:700;display:block}.chip{border-radius:var(--radius-pill);min-height:34px;color:var(--text-primary);white-space:nowrap;background:#fcfcfa6b;border:1px solid #2925241f;justify-content:center;align-items:center;padding:0 14px;font-size:12px;display:inline-flex}.chip.primary-chip{color:var(--accent-ink);background:linear-gradient(135deg,#c96e5ff0,#c25953f0);border-color:#0000}.mode{grid-template-columns:1fr 1fr;gap:8px;display:grid}.mode button,.auth-tabs button{min-height:48px;color:var(--text-secondary);cursor:pointer;background:#ffffffb8;border:1px solid #5c3a4e1f;border-radius:18px;font-size:14px;font-weight:700;transition:background .18s,color .18s,border-color .18s,transform .18s,box-shadow .18s}.mode button:hover,.auth-tabs button:hover{color:var(--text-primary);border-color:#ff8fb13d}.mode button.active,.auth-tabs button.active{color:var(--accent-ink);background:linear-gradient(135deg,#c96e5ff5,#c25953f5);border-color:#0000;box-shadow:0 12px 24px #c259532e}.mode button:active,.auth-tabs button:active,.primary:active,.btn-small:active,.btn-secondary:active,.section-head button:active{transform:translateY(1px)}.grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}input,select,textarea,.preset-trigger{width:100%;color:var(--text-primary);background:#ffffffdb;border:1px solid #5c3a4e1f;border-radius:18px;outline:none;transition:border-color .16s,background .16s,box-shadow .16s}input,select{height:48px;padding:0 14px;font-size:14px}select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text-secondary) 50%), linear-gradient(135deg, var(--text-secondary) 50%, transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px}textarea{resize:vertical;min-height:188px;padding:16px 18px;font-size:15px;line-height:1.72}input:focus,select:focus,textarea:focus,.preset-trigger:focus{background:#fff;border-color:#c2595357;box-shadow:0 0 0 4px #c259531a}.preset-trigger{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:0 14px;font-size:14px;display:flex}.preset-trigger:after{content:"挑风格";color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;font-weight:800}.upload{margin:0}.upload-info{color:var(--text-tertiary);font-family:var(--font-mono);margin-top:10px;font-size:12px}.upload-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.upload-card{background:#fcfcfac7;border:1px solid #5c3a4e1a;border-radius:20px;gap:8px;padding:10px;display:grid}.upload-card.active{border-color:#c2595347;box-shadow:inset 0 0 0 1px #c259531a}.upload-card-add{cursor:pointer;text-align:center;border-style:dashed;align-content:center;place-items:center;min-height:100%;transition:border-color .16s,background .16s,transform .16s}.upload-card-add:hover{background:#fffbf7f5;border-color:#c2595347}.upload-card-add:active{transform:translateY(1px)}.upload-card-add-title{color:var(--text-primary);font-size:15px;font-weight:800}.upload-card-add-note{color:var(--text-secondary);font-size:12px}.upload-card-button,.upload-remove{color:var(--text-primary);cursor:pointer;background:0 0;border:0}.upload-card-button{text-align:left;gap:8px;padding:0;display:grid}.upload-card-button img{aspect-ratio:1;object-fit:cover;background:var(--bg-stage);border-radius:16px;width:100%}.upload-card-button span{color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;font-size:11px;font-weight:700}.upload-remove{border:1px solid #5c3a4e1a;border-radius:999px;justify-self:start;min-height:34px;padding:0 12px;font-size:12px;font-weight:700}.upload-remove:hover{border-color:var(--danger);color:var(--danger)}.dropzone{min-height:144px;color:var(--text-secondary);cursor:pointer;text-align:center;background:linear-gradient(#fcfcfaf0,#f5efe8f0);border:1px dashed #c2595342;border-radius:24px;place-items:center;padding:18px;display:grid;position:relative;overflow:hidden}.dropzone:hover{border-color:#c2595361}.dropzone.is-dragging{background:linear-gradient(#fffaf6fa,#faefe9fa);border-color:#c259538f;box-shadow:inset 0 0 0 1px #c2595324}.dropzone input{opacity:0;cursor:pointer;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.dropzone img{object-fit:contain;max-width:100%;max-height:260px}.dropzone.has-image{background:#faf6f0;border-style:solid}.prompt-panel{flex:1}.chip-row{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.prompt-chip{border-radius:var(--radius-pill);min-height:40px;color:var(--text-primary);cursor:pointer;background:#fcfcfa80;border:1px solid #2925241f;align-items:center;padding:0 16px;font-size:13px;font-weight:700;transition:background .16s,color .16s,border-color .16s,box-shadow .16s;display:inline-flex}.prompt-chip:hover,.prompt-chip:focus-visible{color:var(--text-primary);background:#fcfcfab8;border-color:#c2595347}.actions{background:linear-gradient(#faf7f1b8,#f7f2ebf5);border-top:1px solid #2925241a;border-bottom-right-radius:28px;border-bottom-left-radius:28px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;margin:auto -26px -26px;padding:18px 26px 26px;display:grid;position:sticky;bottom:-26px}.hint{color:var(--text-secondary);font-size:12px;line-height:1.4}.primary{min-width:182px;min-height:50px;color:var(--accent-ink);cursor:pointer;background:linear-gradient(135deg,#c96e5f,#c25953);border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;font-size:15px;font-weight:800;transition:background .18s,border-color .18s,opacity .18s,transform .18s,box-shadow .18s;display:inline-flex;box-shadow:0 18px 32px #c2595338}.primary:hover{background:linear-gradient(135deg,#bf6659,#ae4c47);box-shadow:0 20px 36px #c2595342}.primary:disabled{cursor:not-allowed;opacity:.46;box-shadow:none}.primary.compact{width:100%;min-width:0}.preview{flex-direction:column;gap:16px;min-width:0;display:flex;position:sticky;top:92px}.preview-head{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.stage{aspect-ratio:var(--preview-aspect,1 / 1);border-radius:var(--radius-stage);box-shadow:var(--shadow-stage);background:radial-gradient(circle at top,#c2595324,#0000 42%),linear-gradient(#faf7f1 0%,#ece2d6 100%);border:1px solid #2925241a;position:relative;overflow:hidden}.result-image,.sample-art{width:100%;height:100%;position:absolute;inset:0}.result-image{object-fit:contain;padding:clamp(18px,3vw,42px)}.sample-art{background-position:50%;background-size:cover;place-items:center;padding:clamp(24px,5vw,72px);display:grid}.sample-art:before{display:none}.sample-art.art-poster{background:linear-gradient(135deg,#c259532e 0 34%,#ebe0d46b 35% 58%,#0000 59%),0 0}.sample-art.art-poster:before{background:linear-gradient(#ffffff38 0 9%,#0000 10% 16%,#ffffff2e 17% 25%,#0000 26% 42%,#ffffff3d 43% 54%,#0000 55%),#ffffff14;width:min(250px,38%)}.sample-art.art-portrait:before{border-radius:42% 42% 48% 48%;width:min(190px,30%)}.sample-art.art-room{background:linear-gradient(#0000 0 54%,#ffffff3d 55%),0 0}.sample-art-empty{background:linear-gradient(#fffcf9eb,#f5ede4f5)}.stage-placeholder{z-index:1;width:min(72%,420px);max-width:100%}.stage-placeholder-frame{background:#ffffffc7;border:1px solid #2925241a;border-radius:28px;gap:16px;padding:clamp(18px,3vw,26px);display:grid;box-shadow:0 22px 48px #735d4e1a}.stage-placeholder-image{aspect-ratio:4/5;background:linear-gradient(135deg,#e4d5c4db,#f7f0e9fa),linear-gradient(#ffffff4d,#fff0);border-radius:18px;position:relative;overflow:hidden}.stage-placeholder-image:before{content:"";background:radial-gradient(circle at 24% 28%,#ffffffb8 0 10%,#0000 11%),linear-gradient(160deg,#fff6,#ffffff14);border:1px solid #ffffff80;border-radius:12px;position:absolute;inset:14px}.stage-placeholder-lines{gap:9px;display:grid}.stage-placeholder-lines i{background:#7d6e621f;border-radius:999px;height:10px;display:block}.stage-placeholder-lines i:first-child{width:72%}.stage-placeholder-lines i:nth-child(2){width:100%}.stage-placeholder-lines i:nth-child(3){width:56%}.stage-empty{z-index:3;color:var(--text-primary);gap:6px;display:grid;position:absolute;bottom:24px;left:24px}.stage-empty strong{font-family:var(--font-display);font-size:clamp(30px,4vw,54px);line-height:1}.stage-empty-curated{gap:10px;max-width:min(420px,100% - 40px)}.stage-empty-curated p{color:var(--text-secondary);font-size:13px;line-height:1.55}.sample-art-empty .stage-empty{text-align:center;width:min(420px,100% - 48px);bottom:34px;left:50%;transform:translate(-50%)}.stage-progress{text-align:center;place-items:center;height:100%;padding:36px;display:grid}.stage-progress-gallery{isolation:isolate;position:relative}.stage-progress>*{grid-column:1}.progress-skeleton{aspect-ratio:4/5;background:linear-gradient(#fcfcfae0,#f5f1eaeb);border:1px solid #29252414;border-radius:28px;width:min(72%,320px);position:relative;overflow:hidden;box-shadow:0 24px 56px #29211c14}.progress-skeleton-frame{margin-bottom:20px}.progress-skeleton-shimmer{background:linear-gradient(110deg,#0000 0%,#ffffff0f 34%,#ffffff8a 50%,#ffffff0f 66%,#0000 100%);animation:2.2s ease-in-out infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.progress-skeleton-line{background:#29252414;border-radius:999px;height:10px;position:absolute;left:24px;right:24px}.progress-skeleton-line-title{height:14px;bottom:78px;left:24px;right:96px}.progress-skeleton-line:not(.progress-skeleton-line-title):not(.progress-skeleton-line-short){bottom:52px}.progress-skeleton-line-short{bottom:30px;right:148px}.progress-spinner{border:2px solid #fcfcfa85;border-top-color:var(--accent);border-radius:999px;width:58px;height:58px;margin:0 auto 18px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-text{color:var(--text-primary);font-family:var(--font-display);font-size:clamp(30px,4vw,44px);font-weight:600}.progress-meta{color:var(--text-secondary);font-family:var(--font-mono);margin-top:6px;font-size:12px}.result-copy,.toast{color:var(--text-secondary);font-size:13px;line-height:1.6}.result-actions,.failure-actions{box-shadow:var(--shadow-card);background:#ffffffb8;border:1px solid #5c3a4e1a;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 16px;display:flex}.compare-toggle,.action-row,.history-actions,.preset-admin-actions,.user-actions,.quota-form{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.failure-reason{background:var(--danger-soft);color:var(--danger);border:1px solid #d95b822e;border-radius:18px;flex:220px;padding:11px 14px;font-size:13px}.btn-small,.btn-secondary,.section-head button,.admin-section-head button{min-height:38px;color:var(--accent);cursor:pointer;background:0 0;border:1px solid #c2595352;border-radius:999px;justify-content:center;align-items:center;padding:0 14px;font-size:12px;font-weight:700;transition:background .16s,color .16s,border-color .16s,transform .16s;display:inline-flex}.btn-small:hover,.btn-secondary:hover,.section-head button:hover,.admin-section-head button:hover{color:var(--accent);background:#c2595314;border-color:#c2595361}.btn-small.active-toggle{color:var(--accent-ink);background:linear-gradient(135deg,#ff99baf5,#ff80aaf5);border-color:#0000}.btn-danger{color:var(--danger)}.history{border-radius:30px;margin-top:28px;padding:22px}.history-curated{background:linear-gradient(#fffcf8f0,#f3ece5f0)}.section-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.section-head h2,.admin-section-head h2{color:var(--text-primary)}.history-list{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.history-item{background:linear-gradient(#fffffff0,#f4eee7f5);border:1px solid #35261c14;border-radius:24px;gap:14px;min-width:0;padding:14px;display:grid}.history-left{gap:12px;min-width:0;display:flex}.history-thumb{object-fit:cover;border-radius:18px;width:88px;height:88px}.history-thumb-button{cursor:zoom-in;background:0 0;border:1px solid #5c3a4e1a;border-radius:18px;flex:none;padding:0;transition:transform .16s,border-color .16s;overflow:hidden}.history-thumb-button:hover{border-color:#ff8fb13d;transform:translateY(-1px)}.history-info{gap:8px;min-width:0;padding:0 18px 18px;display:grid}.history-info strong{color:var(--text-primary);font-size:16px;display:block}.history-info p{color:var(--text-secondary);text-overflow:ellipsis;white-space:normal;margin-top:0;font-size:13px;line-height:1.6;overflow:hidden}.history-meta{color:var(--text-tertiary);font-family:var(--font-mono);margin-top:8px;font-size:11px;display:block}.empty-state,.empty-presets{min-height:116px;color:var(--text-secondary);text-align:center;place-items:center;padding:24px;display:grid}.modal{z-index:100;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#5e415233;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.modal-panel{border-radius:var(--radius-modal);width:min(1120px,100%);max-height:min(780px,100dvh - 44px);color:var(--text-primary);box-shadow:var(--shadow-soft);background:#fffcfdf5;border:1px solid #5c3a4e14;padding:24px;overflow:auto}.preset-modal-panel{width:min(1280px,100vw - 32px)}.image-preview-panel{background:#fffcfdf5;width:min(1080px,100%)}.image-preview-head{background:#fffcfdf5;border-bottom-color:#5c3a4e14}.image-preview-head .modal-subtitle{color:var(--text-secondary)}.image-preview-head .close{color:var(--text-primary);border-color:#5c3a4e24}.image-preview-head .close:hover{color:var(--text-primary);background:#ff8fb11a}.image-preview-body{place-items:center;display:grid}.image-preview-full{object-fit:contain;border-radius:22px;max-width:100%;max-height:min(72dvh,920px);display:block}.modal-head{z-index:2;background:#fffcfdeb;border-bottom:1px solid #5c3a4e14;justify-content:space-between;align-items:flex-start;gap:16px;margin:-24px -24px 18px;padding:24px;display:flex;position:sticky;top:0}.preset-modal-panel .modal-head{background:0 0;align-items:center;margin:0 0 18px;padding:0 0 18px;position:static}.modal-subtitle{color:var(--text-secondary);margin-top:6px;font-size:14px}.close{width:44px;height:44px;color:var(--text-primary);cursor:pointer;background:#ffffffb8;border:1px solid #5c3a4e1f;border-radius:16px;place-items:center;font-size:24px;line-height:1;display:grid}.close:hover{background:#ff8fb11a}.preset-search{margin-bottom:20px}.preset-search input{height:50px}.preset-groups{gap:18px;display:grid}.preset-group{gap:12px;display:grid}.preset-group-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.preset-group-head strong{font-size:16px}.preset-group-head span{color:var(--text-secondary);font-family:var(--font-mono);font-size:11px}.preset-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.preset-list-empty{grid-column:1/-1}.preset-card{color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffffc7;border:1px solid #35261c1a;border-radius:22px;grid-template-rows:auto 1fr;gap:10px;padding:10px;transition:border-color .16s,background .16s,transform .16s,box-shadow .16s;display:grid}.preset-card:hover{box-shadow:var(--shadow-card);background:#fffffff0;border-color:#f07aa33d}.preset-card.active{background:linear-gradient(#fffffff5,#f8efe9fa);border-color:#f07aa34d}.preset-card:active{transform:translateY(1px)}.preset-visual{aspect-ratio:16/10;background:linear-gradient(180deg, #ffffff14, #ffffff05), linear-gradient(135deg, #f07aa342, #f5e8dce0), var(--bg-stage);border-radius:18px;place-items:center;display:grid;position:relative;overflow:hidden}.preset-visual[data-accent=Poster]{background:linear-gradient(135deg, #f07aa36b, #1e181542), var(--bg-stage)}.preset-visual[data-accent=Product]{background:linear-gradient(135deg, #ffffff52, #ddcdbeeb), var(--bg-stage)}.preset-visual[data-accent=Space]{background:linear-gradient(180deg, transparent 0 55%, #ffffff47 56%), var(--bg-stage)}.preset-visual img{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.preset-visual:before{content:"";aspect-ratio:1;background:#fff3;border:1px solid #ffffff7a;border-radius:14px;width:min(80px,36%)}.preset-visual:has(img):before{display:none}.preset-visual-chip{z-index:2;min-height:24px;color:var(--text-primary);font-family:var(--font-mono);text-transform:uppercase;background:#fffaf5d1;border-radius:999px;align-items:center;padding:0 8px;font-size:9px;font-weight:800;display:inline-flex;position:absolute;top:10px;left:10px}.preset-info{gap:6px;min-width:0;padding:2px;display:grid}.preset-info-top{justify-content:space-between;align-items:start;gap:12px;display:flex}.preset-info strong{font-size:15px;line-height:1.25}.preset-info span{color:var(--text-secondary);font-size:12px;line-height:1.5}.preset-info p{color:var(--text-primary);margin:0;font-size:12px;line-height:1.58}.preset-info small{color:var(--accent);font-family:var(--font-mono);text-transform:uppercase;font-size:10px;font-weight:800}.auth-shell{grid-template-columns:minmax(0,.92fr) minmax(360px,.78fr);align-items:center;gap:28px;width:min(1120px,100% - 40px);min-height:calc(100dvh - 72px);display:grid}.auth-hero{box-shadow:var(--shadow-soft);background:#fffdfdad;border:1px solid #5c3a4e14;border-radius:32px;padding:clamp(28px,5vw,48px)}.auth-hero .eyebrow{margin-bottom:14px}.auth-hero h1{font-size:clamp(42px,5vw,72px)}.auth-hero p{color:var(--text-secondary);margin-top:12px;font-size:16px;line-height:1.8}.auth-card{width:100%;color:var(--text-primary);border-radius:30px;padding:28px}.auth-card h2{margin-bottom:10px;font-size:30px}.auth-card .toast{color:var(--text-secondary)}.auth-message{margin-top:16px}.auth-tabs{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:18px;display:grid}.login-form{gap:12px;display:grid}.login-form .primary{margin-top:8px}.auth-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.admin-shell{width:min(1260px,100% - 40px)}.admin-grid{gap:18px;display:grid}.admin-toast{color:var(--text-secondary);margin-bottom:16px}.metric-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-row div,.admin-section,.settings-panel,.admin-table-list,.preset-admin-item{color:var(--text-primary);background:#fffcfdd1;border-radius:24px}.metric-row div{padding:18px}.metric-row strong,.metric-row span{display:block}.metric-row strong{font-family:var(--font-display);font-size:34px;font-weight:600}.metric-row span{color:var(--text-secondary);margin-top:6px;font-size:13px}.admin-section,.settings-panel{padding:18px}.admin-section-head{justify-content:space-between;align-items:center;gap:14px;margin-bottom:14px;display:flex}.admin-table-list{border:1px solid #5c3a4e14;overflow:hidden}.table-row{border-bottom:1px solid #5c3a4e14;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:14px;display:grid}.table-row:last-child{border-bottom:0}.table-row span,.settings-panel p{color:var(--text-secondary);font-size:13px}.settings-panel p+p{margin-top:8px}.preset-admin-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.preset-admin-item{grid-template-columns:108px minmax(0,1fr);gap:14px;padding:12px;display:grid}.preset-admin-item .preset-visual{aspect-ratio:1}.preset-admin-item p{color:var(--text-secondary);margin-top:4px;font-size:13px}.admin-section-note{color:var(--text-secondary);margin-bottom:14px;font-size:13px}.admin-empty-block{color:var(--text-secondary);background:#fcfcfa9e;border:1px dashed #29252424;border-radius:22px;padding:18px;font-size:13px}.preset-status{border-radius:var(--radius-pill);align-items:center;min-height:22px;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.preset-status.enabled{color:var(--success);background:#4aa27d1f}.preset-status.disabled{background:var(--danger-soft);color:var(--danger)}.quota-form input{width:86px;height:38px;color:var(--text-primary)}.preset-form{gap:14px;display:grid}.preset-form .form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.preset-form .compact-row{grid-template-columns:minmax(160px,220px) minmax(180px,1fr);align-items:end}.field-note{color:var(--text-secondary);margin-top:6px;font-size:12px}.switch-field{min-height:48px;color:var(--text-primary);cursor:pointer;background:#ffffffd1;border:1px solid #5c3a4e1f;border-radius:18px;align-items:center;gap:10px;padding:0 12px;font-size:14px;font-weight:700;display:inline-flex}.switch-field input{width:18px;height:18px;accent-color:var(--accent)}.prompt-builder{grid-template-columns:minmax(0,1.5fr) minmax(240px,.7fr);align-items:stretch;gap:12px;display:grid}.prompt-main{gap:10px;display:grid}.textarea-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.textarea-head span{color:var(--text-secondary);font-family:var(--font-mono);font-size:12px}.prompt-main textarea{resize:vertical;min-height:190px}.phrase-row{flex-wrap:wrap;gap:8px;display:flex}.prompt-preview{background:#ffffffc7;border:1px solid #5c3a4e1a;border-radius:22px;align-content:start;gap:12px;min-height:190px;padding:14px;display:grid}.prompt-preview div{gap:6px;display:grid}.prompt-preview span{border-radius:var(--radius-pill);background:var(--accent-soft);width:max-content;min-height:22px;color:var(--text-primary);align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.prompt-preview strong{font-size:16px}.prompt-preview p{color:var(--text-secondary);word-break:break-word;font-size:13px;line-height:1.65}.preset-form .form-actions{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.showcase-modal-panel{width:min(920px,100%)}.showcase-modal-panel .modal-head h2{font-size:clamp(34px,5vw,54px);line-height:.96}.showcase-form-layout{grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:start;gap:16px;display:grid}.showcase-form-main{gap:14px;display:grid}.showcase-form-card,.showcase-preview-panel{border:1px solid #5c3a4e14;border-radius:26px}.showcase-form-card{background:#ffffffb8;padding:16px}.showcase-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:14px;display:flex}.showcase-card-head strong{font-size:15px;line-height:1.2}.showcase-card-head span,.showcase-preview-meta span{color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.showcase-field-grid{grid-template-columns:minmax(0,1fr) 176px;gap:12px;display:grid}.showcase-control{gap:8px;display:grid}.showcase-control label{color:var(--text-primary);font-size:12px;font-weight:700}.showcase-file-picker{cursor:pointer;background:linear-gradient(#ffffffd6,#faf4f1e0);border:1px dashed #5c3a4e2e;border-radius:20px;gap:10px;padding:16px;display:grid;position:relative}.showcase-file-picker input{opacity:0;cursor:pointer;position:absolute;inset:0}.showcase-file-picker span{width:max-content;min-height:34px;color:var(--text-primary);background:#f07aa31a;border-radius:999px;align-items:center;padding:0 14px;font-size:12px;font-weight:700;display:inline-flex}.showcase-file-picker strong{font-size:14px;font-weight:600;line-height:1.5}.showcase-preview-panel{background:radial-gradient(circle at 100% 0,#f07aa324,#0000 36%),linear-gradient(#fffaf8f5,#f8f0eceb);gap:16px;padding:18px;display:grid}.showcase-preview-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.showcase-preview-badge,.showcase-preview-rank{border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:11px;font-weight:800;display:inline-flex}.showcase-preview-badge{color:var(--text-primary);background:#ffffffd1}.showcase-preview-rank{color:var(--accent-strong);background:#f07aa31f}.showcase-preview-copy{gap:10px;display:grid}.showcase-preview-copy strong{font-size:26px;line-height:1.05}.showcase-preview-copy p{color:var(--text-secondary);font-size:14px;line-height:1.75}.showcase-preview-meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.showcase-preview-meta div{background:#fff9;border:1px solid #5c3a4e14;border-radius:18px;gap:6px;padding:12px 14px;display:grid}.showcase-preview-meta strong{font-size:14px;line-height:1.45}.showcase-form-actions{border-top:1px solid #5c3a4e14;justify-content:flex-end;gap:10px;margin-top:18px;padding-top:16px;display:flex}@media (max-width:1160px){.hero-band-conversion,.auth-shell,.main-grid{grid-template-columns:1fr}.workspace,.preview{position:static}.workspace{min-height:0}.hero-featured-art{min-height:280px}.showcase-wall{min-height:520px}.showcase-rail{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;position:static;bottom:auto;left:auto;right:auto}.showcase-form-layout,.showcase-field-grid,.showcase-preview-meta{grid-template-columns:1fr}}@media (max-width:860px){body{font-size:15px}h1{font-size:44px}.shell,.admin-shell,.auth-shell{width:calc(100% - 28px);padding-top:18px;padding-bottom:48px}.shell-home{padding-top:20px}.global-nav{min-height:64px;padding:14px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:10px}.hero-band-conversion,.hero-band,.workspace,.history,.auth-card,.auth-hero,.admin-section,.settings-panel,.modal-panel{border-radius:24px;padding:18px}.showcase-modal-panel .modal-head h2{font-size:clamp(28px,8vw,40px)}.workspace-head,.preview-head,.section-head,.admin-section-head{flex-direction:column;align-items:flex-start}.admin-section-head,.user-actions,.quota-form{width:100%}.showcase-stage,.showcase-empty-copy{min-height:420px}.showcase-stage-copy{max-width:100%}.showcase-stage-actions{flex-wrap:wrap}.showcase-rail{grid-template-columns:1fr}.admin-section-head .user-actions,.user-actions>*,.quota-form>*{flex:140px;min-width:0}.grid,.metric-row,.preset-admin-list,.preset-form .form-row,.prompt-builder,.auth-grid,.upload-list{grid-template-columns:1fr}.actions{border-radius:0 0 24px 24px;grid-template-columns:1fr;margin:18px -18px -18px;padding:18px;position:static}.primary{width:100%}.main-grid{flex-direction:column;align-items:stretch;display:flex}.preview{order:-1}.result-actions,.failure-actions{flex-direction:column;align-items:stretch}.modal{align-items:end;padding:8px}.modal-panel{max-height:calc(100dvh - 16px)}.preset-list{grid-template-columns:1fr 1fr}.preset-admin-item{grid-template-columns:88px minmax(0,1fr)}.table-row{grid-template-columns:1fr;align-items:start}.history-list{grid-template-columns:1fr}}@media (max-width:520px){.nav-brand>span:not(.nav-brand-icon){display:none}.nav-links{gap:8px;width:auto}.hero-copy,.hero-featured,.hero-band,.workspace,.history,.auth-card,.auth-hero,.admin-section,.settings-panel,.modal-panel{border-radius:22px}.user-actions>button,.quota-form>button,.admin-section-head button{width:100%}.preset-list{grid-template-columns:1fr}.stage:before,.stage:after{display:none}.stage-empty{bottom:16px;left:16px;right:16px}.history-left{align-items:flex-start}.hero-featured-overlay,.stage-empty-curated{max-width:none}}