:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#071014;--panel:#0d1b22c7;--panel-strong:#12222aeb;--line:#85e2ff29;--line-bright:#43dbff8c;--text:#edfaff;--muted:#89a4ad;--soft:#b8ccd2;--cyan:#35d9ff;--cyan-deep:#0988ad;--amber:#f3b343;--danger:#ff7272;--success:#75e2a0;--radius:22px;--shadow:0 24px 80px #0000005c;background:var(--bg);font-family:Aptos,Segoe UI,Microsoft YaHei UI,sans-serif}*{box-sizing:border-box}html,body,#app{min-height:100%}body{color:var(--text);background:radial-gradient(circle at 18% 0,#35d9ff24,#0000 34rem),radial-gradient(circle at 88% 8%,#f3b3431c,#0000 30rem),linear-gradient(135deg,#071014 0%,#09171d 48%,#05090d 100%);margin:0;overflow-x:hidden}body:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff09 1px,#0000 1px),linear-gradient(90deg,#ffffff09 1px,#0000 1px);background-size:42px 42px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000d9,#0000001a);mask-image:linear-gradient(#000000d9,#0000001a)}button,input,textarea,select{font:inherit;color:inherit}button{border:1px solid var(--line);cursor:pointer;background:#ffffff0a;border-radius:14px;padding:.72rem .9rem;transition:transform .16s,border-color .16s,background .16s}button:hover:not(:disabled){border-color:var(--line-bright);background:#35d9ff14;transform:translateY(-1px)}button:disabled{opacity:.48;cursor:not-allowed}input,textarea,select{border:1px solid var(--line);background:#040e12b3;border-radius:14px;outline:none;width:100%;padding:.78rem .9rem}textarea{resize:vertical;min-height:148px;line-height:1.58}input:focus,textarea:focus,select:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #35d9ff1f}.app-shell{width:min(1800px,100vw - 32px);margin:0 auto;padding:18px 0 28px}.topbar{grid-template-columns:minmax(230px,1fr) minmax(260px,auto);align-items:center;gap:20px;min-height:72px;margin-bottom:18px;display:grid}.brand-block{align-items:center;gap:14px;display:flex}.brand-mark{color:#031014;background:linear-gradient(135deg, var(--cyan), #d7f9ff);border-radius:16px;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 0 38px #35d9ff57}h1,h2,p{margin:0}h1{letter-spacing:.04em;font-size:1.58rem}h2{font-size:1rem}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:.14em;margin-bottom:4px;font-size:.72rem}.top-meta{flex-wrap:wrap;justify-content:flex-end;justify-self:end;gap:10px;display:flex}.top-meta span{color:var(--soft);border:1px solid var(--line);background:#ffffff09;border-radius:999px;padding:.55rem .8rem}.workspace-grid{grid-template-columns:minmax(300px,390px) minmax(520px,1fr) minmax(250px,330px);align-items:start;gap:18px;display:grid}.glass-panel{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border-radius:var(--radius);background:linear-gradient(150deg,#102028db,#081318c7)}.control-panel,.detail-panel{padding:16px;position:sticky;top:16px}.control-panel{gap:12px;max-height:calc(100vh - 110px);display:grid;overflow:auto}.control-card{border-bottom:1px solid #85e2ff1a;gap:10px;padding-bottom:14px;display:grid}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.section-heading.compact{margin-bottom:2px}.section-heading span,.muted,.inline-note{color:var(--muted);font-size:.86rem}.key-row{grid-template-columns:1fr auto;gap:8px;display:grid}.icon-button{width:48px;padding-inline:0}.button-row,.detail-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-actions{grid-template-columns:1fr;margin-top:16px}.param-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}label{color:var(--soft);gap:7px;font-size:.9rem;display:grid}.switch-row{grid-template-columns:auto 1fr;align-items:center}.switch-row input{width:auto}.upload-zone{border:1px dashed var(--line-bright);min-height:82px;color:var(--cyan);cursor:pointer;background:#35d9ff0b;border-radius:18px;place-items:center}.upload-zone input{display:none}.reference-grid{grid-template-columns:repeat(4,1fr);align-items:center;gap:8px;display:grid}.reference-thumb{aspect-ratio:1;border:1px solid var(--line);border-radius:12px;margin:0;position:relative;overflow:hidden}.reference-thumb img{object-fit:cover;width:100%;height:100%;display:block}.reference-thumb button{background:#0000009e;border-radius:999px;width:24px;height:24px;padding:0;position:absolute;top:4px;right:4px}.primary-action{color:#031014;background:linear-gradient(135deg, var(--cyan), #b8f7ff 52%, var(--amber));border:none;justify-content:center;align-items:center;gap:12px;min-height:62px;font-size:1.06rem;font-weight:800;display:flex;box-shadow:0 18px 50px #35d9ff47}.preview-column{gap:18px;min-width:0;display:grid}.preview-stage{border-color:#35d9ff52;place-items:center;min-height:610px;display:grid;position:relative;overflow:hidden}.preview-stage.is-generating{box-shadow:var(--shadow), 0 0 64px #35d9ff33, inset 0 0 44px #35d9ff14;border-color:#35d9ffad}.preview-stage:after{content:"";pointer-events:none;background:radial-gradient(circle at 50% 100%,#35d9ff1f,#0000 35%),linear-gradient(#0000,#0000001f);position:absolute;inset:0}.hero-image{object-fit:contain;z-index:1;width:100%;height:100%;max-height:76vh;display:block;position:relative}.hero-image.partial{filter:saturate(1.12)contrast(1.03);opacity:.72}.generation-preview{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:radial-gradient(circle at 50% 42%,#35d9ff14,#0000 27rem),linear-gradient(145deg,#06121761,#030a0e85);place-items:center;display:grid;position:absolute;inset:0;overflow:hidden}.generation-overlay{z-index:3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#030c106b;border:1px solid #35d9ff47;border-radius:20px;gap:8px;width:min(420px,100% - 48px);padding:12px 14px;display:grid;position:absolute;bottom:38px;left:50%;transform:translate(-50%);box-shadow:0 14px 34px #0003,inset 0 0 18px #35d9ff0f}.generation-meter{color:var(--soft);justify-content:space-between;align-items:baseline;gap:12px;font-size:.86rem;display:flex}.generation-meter strong{color:var(--text);letter-spacing:.04em;font-size:1rem}.generation-progress{background:#35d9ff14;border:1px solid #35d9ff47;border-radius:999px;height:12px;overflow:hidden}.generation-progress span{border-radius:inherit;background:linear-gradient(90deg, var(--cyan-deep), var(--cyan), #d8fbff, var(--amber));width:0;height:100%;transition:width .36s;display:block;box-shadow:0 0 22px #35d9ffad}.generation-phase{color:var(--muted);font-size:.78rem;line-height:1.35}.empty-preview{text-align:center;max-width:360px;color:var(--soft);gap:14px;display:grid}.empty-preview h2{color:var(--text);font-size:1.3rem}.orb{background:radial-gradient(circle at 35% 30%, #dffaff, var(--cyan) 28%, #063d52 62%, transparent 63%), conic-gradient(from 120deg, var(--cyan), transparent, var(--amber), transparent, var(--cyan));filter:drop-shadow(0 0 48px #35d9ff66);border-radius:42%;width:164px;height:164px;margin:0 auto 8px;animation:6s ease-in-out infinite float}.scanline{z-index:2;pointer-events:none;opacity:.95;mix-blend-mode:screen;background:linear-gradient(#0000 0 40%,#35d9ff42 50%,#0000 62%),repeating-linear-gradient(#35d9ff12 0 1px,#0000 1px 7px);animation:1.35s linear infinite scan,2.4s steps(8,end) infinite scanFlicker;position:absolute;inset:0}.gallery-strip{padding:16px;overflow:hidden}.thumb-row{grid-template-columns:repeat(5,minmax(150px,1fr));gap:12px;padding-bottom:4px;display:grid;overflow-x:auto}.thumb-card{text-align:left;border-radius:18px;min-height:142px;padding:0;position:relative;overflow:hidden}.thumb-card.active{border-color:var(--cyan);box-shadow:0 0 0 2px #35d9ff33}.thumb-card img{object-fit:cover;width:100%;height:150px;display:block}.thumb-card span{color:var(--text);background:#0000009e;border-radius:999px;padding:4px 8px;font-size:.76rem;position:absolute;bottom:10px;left:10px}.empty-card{min-height:142px;color:var(--muted);border:1px dashed var(--line);border-radius:18px;place-items:center;display:grid}.detail-panel{min-height:610px}.meta-list{grid-template-columns:92px 1fr;gap:13px 10px;margin:0;display:grid}.meta-list dt{color:var(--muted)}.meta-list dd{color:var(--text);overflow-wrap:anywhere;margin:0}.prompt-readout{border-top:1px solid var(--line);color:var(--soft);margin-top:16px;padding-top:16px;line-height:1.7}.ghost.danger{color:var(--danger)}.danger-action{color:#ffdede;background:#ff727214;border-color:#ff727257}.danger-action:hover:not(:disabled){border-color:var(--danger);background:#ff727229}.error-line,.success-line{border-radius:12px;padding:.72rem;line-height:1.5}.error-line{color:#ffdede;background:#ff72721f;border:1px solid #ff727240}.success-line{color:#d9ffe8;background:#75e2a01c;border:1px solid #75e2a038}@keyframes float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(6deg)}}@keyframes scan{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}@keyframes scanFlicker{0%,to{opacity:.82}50%{opacity:1}}@media (max-width:1280px){.workspace-grid{grid-template-columns:350px minmax(0,1fr)}.detail-panel{grid-column:1/-1;min-height:auto;position:static}.topbar{grid-template-columns:1fr}.top-meta{justify-self:start}}@media (max-width:840px){.app-shell{width:min(100% - 20px,760px);padding-top:10px}.workspace-grid{grid-template-columns:1fr}.control-panel{max-height:none;position:static}.preview-stage{min-height:430px}.param-pair{grid-template-columns:1fr}.top-meta{justify-content:flex-start;overflow-x:auto}.thumb-row{grid-template-columns:repeat(2,minmax(140px,1fr))}}