:root{--bg:#05070d;--bg-soft:#0a1017;--surface:#0c0f18c7;--surface-2:#181924c7;--surface-3:#232432e6;--surface-solid:#10131d;--text:#fffaf2;--muted:#c7bfd4;--muted-2:#8e879a;--line:#ffffff24;--line-strong:#ffffff3d;--primary:#12d9ef;--primary-2:#2bf0c5;--coral:#ff5d7f;--amber:#ffc857;--danger:#ff7a83;--success:#56e5a7;--shadow:0 28px 80px #00000070;--radius:8px}*{box-sizing:border-box}html{background:var(--bg);min-width:0;color:var(--text)}body{min-height:100dvh;color:var(--text);background:linear-gradient(135deg,#12d9ef1f,#0000 34%),linear-gradient(240deg,#ff5d7f1a,#0000 30%),linear-gradient(#071017 0%,#05070d 54%,#04050a 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}:focus-visible{outline-offset:3px;outline:3px solid #12d9efcc}.home-page{min-height:100dvh}.immersive-home{background:#05070d}.home-header{justify-content:space-between;align-items:center;gap:16px;width:min(1220px,100% - 48px);margin:0 auto;padding:22px 0;display:flex}.home-header-floating{z-index:30;width:min(1220px,100% - 48px);padding:16px 0;position:fixed;inset:0 0 auto}.home-header-floating:before{content:"";pointer-events:none;background:linear-gradient(#05070db8,#05070d00);height:78px;position:fixed;inset:0 0 auto}.home-header>*{z-index:1;position:relative}.home-nav{color:#fffaf2c7;justify-content:center;align-items:center;gap:30px;font-size:14px;font-weight:750;display:flex}.home-nav a{align-items:center;min-height:44px;display:inline-flex}.home-nav a:hover{color:var(--text)}.brand-link{align-items:center;min-height:44px;display:inline-flex}.logo-mark{letter-spacing:0;align-items:center;gap:10px;font-weight:900;display:inline-flex}.logo-icon{border-radius:var(--radius);width:38px;height:38px;color:var(--amber);background:#ffc85724;border:1px solid #ffc85780;place-items:center;display:grid;box-shadow:inset 0 0 22px #ffc85714}.immersive-hero{isolation:isolate;place-items:center;min-height:88dvh;padding:116px 24px 130px;display:grid;position:relative;overflow:hidden}.hero-media{z-index:-3;position:absolute;inset:0}.hero-media img{object-fit:cover;object-position:center}.hero-scrim{z-index:-2;background:linear-gradient(90deg,#05070dbd,#05070d47 46%,#05070db8),linear-gradient(#05070d73,#05070d1f 45%,#05070dd1);position:absolute;inset:0}.hero-copy{text-align:center;justify-items:center;width:min(920px,100%);display:grid}.eyebrow{color:var(--primary-2);letter-spacing:0;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.hero-copy h1{color:var(--text);letter-spacing:0;text-shadow:0 22px 60px #00000073;margin:12px 0 0;font-size:clamp(76px,14vw,180px);font-style:italic;font-weight:950;line-height:.88}.hero-kicker{margin:8px 0 0;font-size:clamp(38px,7vw,86px);font-style:italic;font-weight:950;line-height:1}.hero-subtitle{color:#fffaf2d6;max-width:660px;margin:20px 0 0;font-size:clamp(17px,2vw,22px)}.hero-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px;display:flex}.hero-prompt{border-radius:var(--radius);width:min(720px,100% - 48px);min-height:72px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e1894;border:1px solid #fff3;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;margin:0 auto;padding:12px 14px 12px 18px;display:grid;position:absolute;bottom:34px;left:24px;right:24px}.hero-prompt:hover{background:#0a121cb8;border-color:#12d9ef94}.hero-prompt-label{color:var(--primary-2);text-transform:uppercase;font-size:12px;font-weight:900}.hero-prompt-text{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.hero-prompt-action{border-radius:var(--radius);background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#031015;justify-content:center;align-items:center;gap:8px;min-height:48px;padding:0 18px;font-weight:900;display:inline-flex}.home-section{width:min(1220px,100% - 48px);margin:0 auto;padding:72px 0}.feature-band{margin-top:-1px}.section-heading{gap:6px;display:grid}.section-heading h1,.section-heading h2,.workspace-header h1{color:var(--text);letter-spacing:0;margin:0;font-size:clamp(32px,5vw,64px);line-height:1}.section-heading h3,.feature-card h3,.inspiration-card h3{letter-spacing:0;margin:0}.section-heading p,.workspace-header p,.empty-state p,.result-placeholder p,.feature-card p,.inspiration-card p,.recharge-panel p{color:var(--muted);margin:0}.split-heading{justify-content:space-between;align-items:end;gap:16px;display:flex}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.feature-card{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(#ffffff17,#ffffff09);align-content:start;gap:12px;min-height:190px;padding:20px;display:grid;box-shadow:0 18px 48px #0000003d}.feature-icon{border-radius:var(--radius);width:44px;height:44px;color:var(--primary);background:#12d9ef1f;border:1px solid #12d9ef57;place-items:center;display:grid}.inspiration-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.inspiration-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);min-height:320px;position:relative;overflow:hidden;box-shadow:0 18px 46px #00000042}.inspiration-card img{object-fit:cover;width:100%;height:100%;min-height:320px;transition:transform .26s}.inspiration-card:hover img{transform:scale(1.035)}.inspiration-card>div{background:linear-gradient(#0000,#05070deb);gap:4px;padding:56px 14px 14px;display:grid;position:absolute;inset:auto 0 0}.prompt-strip{gap:14px;padding-top:24px;display:grid}.prompt-strip-list{flex-wrap:wrap;gap:10px;display:flex}.prompt-strip-list a{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--muted);background:#ffffff0e;align-items:center;padding:0 14px;display:inline-flex}.prompt-strip-list a:hover{color:var(--text);border-color:#12d9ef6b}.auth-page{min-height:100dvh;padding:0 24px 48px}.auth-page-panel{gap:14px;width:min(460px,100%);margin:80px auto 0;display:grid}.auth-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);gap:12px;width:min(380px,100%);padding:14px;display:grid;box-shadow:0 18px 52px #00000047}.auth-card.full{gap:14px;width:min(460px,100%);padding:22px}.auth-card.compact{justify-content:space-between;align-items:center;width:auto;display:flex}.auth-entry{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;gap:8px;padding:0}.account-chip{max-width:330px;padding:8px 8px 8px 12px}.auth-email{color:var(--text);overflow-wrap:anywhere;margin:2px 0 0}.auth-tabs{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0d;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.auth-tabs button,.auth-actions button,.password-toggle{color:var(--muted);background:0 0;border:0}.auth-tabs button{border-radius:var(--radius);min-height:40px;font-weight:850}.auth-tabs button.active{background:var(--surface-3);color:var(--text)}.auth-field,.field-group,.admin-form label,.recharge-panel label,.control-grid label,.filter-bar label,.channel-editor label,.channel-modal label,.balance-adjustment-modal label{color:var(--muted);gap:8px;font-weight:750;display:grid}.input-with-icon{border:1px solid var(--line);border-radius:var(--radius);min-height:48px;color:var(--muted);background:#ffffff12;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:10px;padding:0 12px;display:grid}.input-with-icon:focus-within{border-color:#12d9ef8c;box-shadow:0 0 0 3px #12d9ef1c}.input-with-icon input{width:100%;color:var(--text);background:0 0;border:0;outline:0}.password-input{grid-template-columns:20px minmax(0,1fr) 40px}.password-toggle{border-radius:var(--radius);place-items:center;min-width:40px;min-height:40px;display:grid}.password-toggle:hover{color:var(--text);background:#ffffff14}.primary-button,.secondary-button,.icon-button{border-radius:var(--radius);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 16px;font-weight:850;transition:background .18s,border-color .18s,color .18s,transform .18s;display:inline-flex}.primary-button{background:linear-gradient(135deg, var(--primary), var(--primary-2));color:#031015;box-shadow:0 14px 34px #12d9ef38}.primary-button:hover{transform:translateY(-1px)}.secondary-button,.icon-button{border-color:var(--line);color:var(--text);background:#ffffff0f}.secondary-button:hover,.icon-button:hover{background:#12d9ef1a;border-color:#12d9ef66}.primary-button.large,.secondary-button.large{min-height:52px;padding-inline:20px}.compact-button{min-height:40px;padding:0 12px}.app-shell{grid-template-columns:252px minmax(0,1fr);min-height:100dvh;display:grid}.side-nav{z-index:20;border-right:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#06070cc7;flex-direction:column;gap:24px;height:100dvh;padding:24px 16px;display:flex;position:sticky;top:0}.side-nav nav{gap:8px;display:grid}.nav-link{border-radius:var(--radius);min-height:46px;color:var(--muted);align-items:center;gap:10px;padding:0 12px;font-weight:800;display:flex}.nav-link.active,.nav-link:hover{color:var(--text);background:#ffffff14}.nav-link.active{background:#12d9ef1f;border:1px solid #12d9ef3d}.side-nav-footer,.admin-nav-note{border:1px solid var(--line);border-radius:var(--radius);color:var(--muted);align-items:center;gap:10px;margin-top:auto;padding:12px;display:flex}.admin-nav-note{color:var(--primary-2);background:#12d9ef17;border-color:#12d9ef47;margin-top:0;font-weight:850}.mobile-shell-header,.mobile-bottom-nav{display:none}.app-main{min-width:0;padding:24px}.top-bar{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:28px;display:flex}.workspace-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.workspace-header p{margin-top:8px}.balance-badge{border-radius:var(--radius);background:#ffc8571a;border:1px solid #ffc85757;gap:4px;min-width:148px;padding:14px 16px;display:grid;box-shadow:inset 0 0 28px #ffc8570a}.balance-badge span{color:var(--muted);font-size:13px}.balance-badge strong{color:var(--amber);font-size:32px;line-height:1}.immersive-workspace{gap:22px;min-width:0;display:grid}.workspace-hero{isolation:isolate;border-radius:var(--radius);min-height:520px;box-shadow:var(--shadow);background:linear-gradient(135deg,#12d9ef1f,#0000 42%),linear-gradient(250deg,#ff5d7f1f,#0000 34%),#05070d;border:1px solid #ffffff2e;grid-template-columns:minmax(0,1.08fr) minmax(250px,.52fr);align-items:end;gap:24px;padding:42px;display:grid;position:relative;overflow:hidden}.workspace-hero:after{z-index:-1;content:"";background:linear-gradient(90deg,#05070dd1,#05070d4d 58%,#05070dd1),linear-gradient(#05070d4d,#05070de0);position:absolute;inset:0}.workspace-hero-media{z-index:-2;opacity:.68;background-image:url(/brand/hero-canvas.png);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.02)}.create-workspace-hero{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:center;min-height:320px;padding:30px 34px}.create-workspace-hero .workspace-hero-media{opacity:.46}.create-workspace-hero h1{font-size:58px}.create-workspace-hero .workspace-hero-kicker{font-size:30px}.create-workspace-hero .workspace-hero-subtitle{max-width:560px;font-size:16px}.library-workspace-hero{grid-template-columns:minmax(0,.88fr) minmax(320px,.82fr);align-items:center;min-height:460px}.library-workspace-hero:before{z-index:-2;content:"";opacity:.32;background-image:url(/brand/sample-edit.png);background-position:50%;background-size:cover;position:absolute;inset:0}.workspace-hero-copy{align-content:end;gap:12px;max-width:760px;display:grid}.workspace-hero h1{color:var(--text);letter-spacing:0;text-shadow:0 22px 60px #0000007a;margin:0;font-size:88px;font-style:italic;font-weight:950;line-height:.9}.workspace-hero-kicker{color:var(--text);margin:0;font-size:42px;font-style:italic;font-weight:950;line-height:1}.workspace-hero-subtitle{color:#fffaf2d1;max-width:660px;margin:0;font-size:18px}.workspace-hero-actions{flex-wrap:wrap;gap:12px;margin-top:12px;display:flex}.workspace-hero-metrics{justify-self:end;gap:10px;width:min(320px,100%);display:grid}.hero-metric-card{border-radius:var(--radius);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a0e189e;border:1px solid #ffffff2e;grid-template-columns:28px minmax(0,1fr);grid-template-areas:"icon label""icon value";align-items:center;gap:2px 10px;min-height:72px;padding:12px;display:grid;box-shadow:0 18px 44px #0000003d}.hero-metric-card svg{color:var(--primary);grid-area:icon}.hero-metric-card span{color:var(--muted);grid-area:label;font-size:13px;font-weight:800}.hero-metric-card strong{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;grid-area:value;font-size:28px;line-height:1;overflow:hidden}.hero-metric-card.balance-card{background:#ffc8571a;border-color:#ffc8575c}.hero-metric-card.balance-card svg,.hero-metric-card.balance-card strong{color:var(--amber)}.workspace-hero-scroll{border-radius:var(--radius);width:44px;height:44px;color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0a0e189e;border:1px solid #fff3;place-items:center;display:grid;position:absolute;bottom:24px;right:24px}.workspace-hero-scroll:hover{color:var(--primary-2);border-color:#12d9ef80}.workspace-content-anchor{min-width:0;scroll-margin-top:24px;display:block}.immersive-section{min-width:0}.library-showcase{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:10px;min-width:0;display:grid}.library-showcase-card{border-radius:var(--radius);background:var(--surface-solid);border:1px solid #ffffff29;height:260px;overflow:hidden;box-shadow:0 22px 58px #0000005c}.library-showcase-card:nth-child(2){height:320px}.library-showcase-card:nth-child(3){height:230px}.library-showcase-card img{object-fit:cover;width:100%;height:100%;display:block}.library-workspace-hero .workspace-hero-metrics{width:230px;position:absolute;bottom:28px;right:28px}.studio-access-banner{border-radius:var(--radius);background:linear-gradient(135deg,#12d9ef21,#ff5d7f14),#ffffff0b;border:1px solid #12d9ef42;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px;padding:18px;display:flex}.studio-access-banner h2{margin:3px 0 4px}.studio-access-banner p{color:var(--muted);margin:0}.creator-grid{grid-template-columns:minmax(0,1fr) minmax(340px,420px);align-items:start;gap:18px;display:grid}.creator-panel,.result-panel,.table-card,.admin-form,.recharge-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.creator-panel,.result-panel,.admin-form,.recharge-panel{gap:18px;padding:20px;display:grid}.result-panel{position:sticky;top:24px}.mode-switch{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0d;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:4px;display:inline-grid}.mode-option{border-radius:var(--radius);min-height:42px;color:var(--muted);background:0 0;border:0;justify-content:center;align-items:center;gap:8px;font-weight:850;display:inline-flex}.mode-option.active,.mode-option:hover{background:var(--surface-3);color:var(--text)}.prompt-composer{gap:12px;display:grid}textarea,input,select{border:1px solid var(--line);border-radius:var(--radius);width:100%;min-height:46px;color:var(--text);background:#ffffff12}textarea:focus,input:focus,select:focus{border-color:#12d9ef8c;outline:0;box-shadow:0 0 0 3px #12d9ef1c}textarea{resize:vertical;padding:14px}input,select{padding:0 12px}input::placeholder,textarea::placeholder{color:#c7bfd494}select option{color:var(--text);background:#10131d}.source-file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.upload-dropzone{cursor:pointer;border-radius:var(--radius);min-height:220px;color:var(--muted);text-align:center;background:#ffffff0b;border:1px dashed #ffffff42;place-items:center;display:grid;overflow:hidden}.upload-dropzone.compact{min-height:72px}.upload-dropzone:hover{border-color:#12d9ef80}.upload-dropzone span{align-items:center;gap:10px;display:inline-flex}.upload-dropzone img{object-fit:contain;width:100%;max-height:320px}.upload-preview-grid{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));gap:10px;display:grid}.upload-preview-item{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;gap:8px;min-width:0;margin:0;display:grid;position:relative;overflow:hidden}.upload-preview-item>img{object-fit:cover;width:100%;height:118px}.upload-preview-item figcaption{gap:2px;min-width:0;padding:0 10px 10px;display:grid}.upload-preview-item strong,.upload-preview-item span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.upload-preview-item strong{font-size:13px}.upload-preview-item span{color:var(--muted-2);font-size:12px}.upload-preview-remove{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070db8;width:32px;min-width:32px;min-height:32px;padding:0;position:absolute;top:8px;right:8px}.upload-hint{color:var(--muted-2);margin:0;font-size:13px}.prompt-ideas{flex-wrap:wrap;gap:8px;display:flex}.prompt-ideas button,.quick-amounts button{border:1px solid var(--line);border-radius:var(--radius);min-height:38px;color:var(--muted);background:#ffffff0f;padding:0 10px}.prompt-ideas button:hover,.quick-amounts button:hover{color:var(--text);border-color:#12d9ef66}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.creator-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.cost-summary{border-radius:var(--radius);min-height:56px;color:var(--muted);background:#ffc85714;border:1px solid #ffc85747;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.cost-summary strong{color:var(--amber);font-size:22px}.library-capacity{background:#12d9ef14;border-color:#12d9ef42}.library-capacity strong,.library-count-chip{color:var(--primary-2)}.library-count-chip{border-radius:var(--radius);background:#12d9ef14;border:1px solid #12d9ef42;align-items:center;gap:8px;min-height:40px;padding:0 12px;font-weight:850;display:inline-flex}.wallet-layout{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.wallet-ledger-area{gap:14px;min-width:0;display:grid}.ledger-filter{margin-bottom:0}.quick-amounts{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.result-placeholder,.empty-state{border:1px dashed var(--line);border-radius:var(--radius);min-height:260px;color:var(--muted);text-align:center;place-items:center;gap:10px;padding:24px;display:grid}.empty-state h2{margin:0}.page-section{margin-top:28px}.generation-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;margin-top:14px;display:grid}.library-bulk-toolbar{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;padding:12px 14px;display:flex}.library-bulk-toolbar>div:first-child{gap:2px;display:grid}.library-bulk-toolbar span{color:var(--muted);font-size:13px}.library-bulk-toolbar .form-message{flex-basis:100%}.generation-grid-item{min-width:0;position:relative}.generation-grid-item.selected .generation-card{box-shadow:0 0 0 2px #12d9ef29, var(--shadow);border-color:#12d9ef9e}.generation-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);position:relative;overflow:hidden;box-shadow:0 18px 42px #00000047}.generation-preview{aspect-ratio:4/5;background:var(--surface-3);display:grid;position:relative}.generation-preview-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;padding:2px}.generation-preview-gallery .image-preview-button{border-radius:calc(var(--radius) - 2px);min-height:0;overflow:hidden}.generation-preview img{object-fit:cover;width:100%;height:100%}.image-preview-button{cursor:zoom-in;background:0 0;border:0;width:100%;min-height:100%;padding:0;position:relative}.generation-select-control{z-index:3;border-radius:var(--radius);min-height:34px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070db8;border:1px solid #ffffff3d;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:850;display:inline-flex;position:absolute;top:10px;left:10px}.generation-select-control input{width:16px;min-height:16px;padding:0}.preview-zoom-badge{border-radius:var(--radius);width:38px;height:38px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070dad;border:1px solid #ffffff38;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;right:10px}.asset-count-badge{border-radius:var(--radius);min-width:34px;min-height:28px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070dad;border:1px solid #ffffff38;justify-content:center;align-items:center;font-size:12px;font-weight:850;display:inline-flex;position:absolute;top:10px;right:10px}.preview-play-badge{border-radius:var(--radius);width:38px;height:38px;color:var(--text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05070dad;border:1px solid #ffffff38;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:10px;left:10px}.generation-meta{gap:8px;min-width:0;padding:12px;display:grid}.generation-meta p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.status-row{color:var(--muted-2);grid-template-columns:minmax(0,1fr) 44px;align-items:center;gap:8px;font-size:13px;display:grid}.status-info{align-items:center;gap:8px;min-width:0;display:flex;overflow:hidden}.status-info .status-pill{flex:none}.status-info span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.generation-delete-button{justify-self:end;width:44px;min-width:44px;min-height:44px;padding:0}.status-pill{color:var(--muted);background:#ffffff14;border-radius:999px;padding:3px 8px}.status-pill.succeeded,.status-pill.paid{color:var(--success);background:#56e5a71a}.status-pill.failed{color:var(--danger);background:#ff7a831f}.status-pill.running,.status-pill.queued,.status-pill.pending{color:var(--amber);background:#ffc8571c}.status-pill.cancelled,.status-pill.refunded{color:var(--muted);background:#ffffff14}.form-message{color:var(--muted);margin:0;font-size:14px}.form-message.error{color:var(--danger)}.image-lightbox{z-index:1000;background:#000000b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.image-lightbox-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);width:min(1100px,100%);max-height:calc(100dvh - 48px);box-shadow:var(--shadow);gap:12px;padding:14px;display:grid;overflow:auto}.image-lightbox-panel-detail{grid-template-columns:minmax(0,1fr) minmax(280px,360px);align-items:stretch}.image-lightbox-preview{place-items:center;min-width:0;display:grid}.image-lightbox-details{align-content:start;gap:16px;min-width:0;padding:4px;display:grid}.image-lightbox-toolbar{justify-content:space-between;align-items:center;gap:12px;display:flex}.image-lightbox-img{object-fit:contain;border-radius:var(--radius);background:var(--surface-3);width:100%;max-height:calc(100dvh - 180px)}.lightbox-asset-strip{grid-template-columns:repeat(auto-fit,minmax(64px,92px));justify-content:center;gap:8px;width:100%;display:grid}.lightbox-asset-strip button{aspect-ratio:1;cursor:pointer;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-3);padding:2px;overflow:hidden}.lightbox-asset-strip button.active{border-color:#12d9efb8;box-shadow:0 0 0 2px #12d9ef29}.lightbox-asset-strip img{border-radius:calc(var(--radius) - 3px);object-fit:cover;width:100%;height:100%}.library-heading-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.library-media-filter{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;gap:4px;min-height:40px;padding:4px;display:inline-flex}.library-media-filter a{border-radius:calc(var(--radius) - 2px);color:var(--muted);align-items:center;gap:6px;padding:0 10px;font-weight:850;display:inline-flex}.library-media-filter a.active,.library-media-filter a:hover{background:var(--surface-3);color:var(--text)}.library-public-filter{justify-content:flex-start;display:flex}.lightbox-prompt{gap:8px;display:grid}.lightbox-prompt span{color:var(--muted-2);font-size:13px;font-weight:800}.lightbox-prompt p{white-space:pre-wrap;word-break:break-word;max-height:min(48dvh,520px);overflow:auto}.image-lightbox-actions{align-items:stretch}.image-lightbox-panel p{color:var(--muted);margin:0}.preview-placeholder{color:var(--muted);place-items:center;display:grid}.table-card{overflow-x:auto}.table-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-width:680px;padding:14px;display:flex}.table-header h2{margin:0;font-size:18px}.table-header span{color:var(--muted);font-size:13px}.pagination-controls{align-items:center;gap:8px;display:flex}.page-indicator{text-align:center;min-width:48px}.disabled-control{pointer-events:none;opacity:.48}.filter-bar{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;align-items:end;gap:12px;margin-bottom:16px;padding:14px;display:flex}.filter-bar label{min-width:220px}.muted-block{color:var(--muted-2);overflow-wrap:anywhere;margin-top:3px;font-size:12px;display:block}.muted-section-label{margin-top:10px;font-size:13px;display:block}.inline-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.inline-controls input,.inline-controls select{min-width:130px}.balance-adjust input:first-child{width:150px}.danger-button{color:var(--danger);border-color:#ff7a8361}.row-message{color:var(--muted);margin-top:8px;font-size:12px;display:block}.table-summary{color:var(--muted);margin:12px 0 0;font-size:14px}.usage-log-table{table-layout:fixed;min-width:1320px}.usage-user-col{width:260px}.usage-model-col{width:160px}.usage-info-col{width:180px}.usage-cost-col,.usage-status-col{width:110px}.usage-assets-col{width:80px}.usage-time-col{width:175px}.usage-error-col{width:105px}.usage-detail-stack{gap:6px;min-width:0;display:grid}.usage-operation{width:fit-content;color:var(--primary-2);background:#12d9ef1a;border-radius:999px;padding:3px 8px;font-size:12px;font-weight:850}.usage-operation.edit{color:var(--amber);background:#ffc8571c}.usage-detail-meta{color:var(--muted-2);overflow-wrap:anywhere;font-size:12px}.usage-error-cell{width:105px;max-width:105px}.inline-error-button{border-radius:var(--radius);width:74px;min-height:34px;color:var(--danger);background:#ff7a8314;border:1px solid #ff7a8352;justify-content:center;align-items:center;gap:5px;font-size:12px;font-weight:850;display:inline-flex}.inline-error-button:hover{background:#ff7a8324;border-color:#ff7a838f}.usage-empty-error{color:var(--muted-2);font-size:13px}.usage-log-footer{border-top:1px solid var(--line);min-width:680px;color:var(--muted);justify-content:space-between;align-items:center;gap:14px;padding:14px;font-size:14px;display:flex}.usage-log-footer strong{color:var(--amber);font-size:16px}.usage-error-modal{width:min(720px,100%)}.usage-error-message{white-space:pre-wrap;overflow-wrap:anywhere;border:1px solid var(--line);border-radius:var(--radius);max-height:min(60dvh,520px);color:var(--text);background:#ffffff0e;margin:0;padding:14px;font:13px/1.6 ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;overflow:auto}.recharge-order-footer{border-top:1px solid var(--line);min-width:680px;color:var(--muted);gap:12px;padding:14px;font-size:14px;display:grid}.recharge-order-footer>div:first-child{justify-content:space-between;align-items:center;gap:14px;display:flex}.recharge-order-footer strong{color:var(--amber);font-size:16px}.recharge-order-stats{flex-wrap:wrap;gap:8px;display:flex}.recharge-order-stats span{border:1px solid var(--line);border-radius:var(--radius);min-height:30px;color:var(--muted);background:#ffffff0e;align-items:center;padding:4px 9px;display:inline-flex}.channel-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.channel-toolbar h2{margin:0}.modal-overlay{z-index:1000;background:#000000a8;place-items:start center;padding:56px 20px;display:grid;position:fixed;inset:0;overflow-y:auto}.modal-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);width:min(920px,100%);box-shadow:var(--shadow);gap:16px;padding:20px;display:grid}.balance-adjustment-modal{width:min(520px,100%)}.modal-header,.channel-toolbar{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.modal-header h2{margin:0}.balance-adjustment-mode{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0d;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:4px;display:grid}.balance-adjustment-mode button{border-radius:var(--radius);min-height:42px;color:var(--muted);background:0 0;border:0;font-weight:850}.balance-adjustment-mode button.active,.balance-adjustment-mode button:hover{background:var(--surface-3);color:var(--text)}.channel-toolbar div{gap:2px;display:grid}.channel-toolbar span{color:var(--muted);font-size:13px}.toggle-row{grid-template-columns:auto 1fr;align-items:center;min-height:44px;display:flex!important}.toggle-row input{width:18px;min-height:18px}.admin-form-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.form-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.input-with-action{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff12;grid-template-columns:minmax(0,1fr) 44px;min-height:44px;display:grid}.input-with-action input{background:0 0;border:0;min-height:42px}.input-with-action button{border:0;border-left:1px solid var(--line);min-width:44px;min-height:42px;color:var(--muted);background:0 0;place-items:center;display:grid}.input-with-action button:hover{color:var(--text)}.price-matrix,.model-channel-picker{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.price-matrix{overflow-x:auto}.price-matrix-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.price-matrix-header span{color:var(--muted);font-size:13px}.price-matrix table{min-width:620px}.price-matrix th:first-child{width:160px}.price-matrix input{min-width:120px}.channel-basic-grid{grid-template-columns:minmax(160px,.8fr) minmax(240px,1.2fr) minmax(240px,1.2fr) minmax(220px,1fr)}.model-basic-grid{grid-template-columns:minmax(180px,1fr) minmax(220px,1fr)}.channel-checkbox-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;padding:12px;display:grid}.channel-checkbox{border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0b;grid-template-columns:18px minmax(0,1fr);align-items:start;min-height:58px;padding:10px;display:grid!important}.channel-checkbox input{width:18px;min-height:18px;margin-top:2px}.channel-checkbox span{gap:2px;min-width:0;display:grid}.channel-checkbox small{color:var(--muted-2)}.empty-inline{color:var(--muted);margin:0;padding:14px}.channel-chip-list{flex-wrap:wrap;gap:6px;display:flex}.channel-chip{max-width:220px;min-height:26px;color:var(--primary-2);text-overflow:ellipsis;white-space:nowrap;background:#12d9ef14;border:1px solid #12d9ef42;border-radius:999px;align-items:center;padding:3px 8px;font-size:12px;display:inline-flex;overflow:hidden}.channel-chip.muted{border-color:var(--line);color:var(--muted);background:#ffffff0f}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.template-hero-media{background:linear-gradient(135deg,#2bf0c533,#0000 32%),linear-gradient(245deg,#ffc85724,#0000 34%),linear-gradient(#0e1820d1,#06080eeb)}.template-master-section{margin-top:0}.template-library-toolbar{grid-template-columns:minmax(260px,360px) minmax(0,1fr);align-items:start;gap:14px;margin-bottom:16px;display:grid}.template-search-field{border:1px solid var(--line);border-radius:var(--radius);min-height:46px;color:var(--muted);background:#ffffff12;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:10px;padding:0 14px;display:grid}.template-search-field input{min-width:0;min-height:44px;color:var(--text);background:0 0;border:0;outline:0}.template-category-tabs{flex-wrap:wrap;gap:8px;display:flex}.template-category-tabs button{border:1px solid var(--line);border-radius:var(--radius);min-height:44px;color:var(--muted);background:#ffffff0e;padding:0 14px;font-weight:850}.template-category-tabs button.active,.template-category-tabs button:hover{color:var(--text);background:#12d9ef1f;border-color:#12d9ef6b}.template-grid{column-count:4;column-gap:14px}.template-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface-solid);break-inside:avoid;min-width:0;margin:0 0 14px;display:block;overflow:hidden;box-shadow:0 18px 42px #00000047}.template-cover-button{background:var(--surface-3);text-align:left;border:0;width:100%;padding:0;display:block;position:relative;overflow:hidden}.template-detail-cover img,.admin-template-cover img,.prompt-cover-uploader img{object-fit:cover;width:100%;height:100%}.template-cover-button img{width:100%;height:auto;transition:transform .18s;display:block}.template-cover-button:hover img{transform:scale(1.03)}.template-detail-heading h2{margin:4px 0 0}.template-tag-row{flex-wrap:wrap;gap:6px;display:flex}.template-tag-row span{border-radius:var(--radius);max-width:160px;min-height:26px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;background:#ffffff0e;border:1px solid #ffffff24;align-items:center;padding:3px 8px;font-size:12px;display:inline-flex;overflow:hidden}.template-detail-panel{grid-template-columns:minmax(0,1fr) minmax(320px,420px)}.template-detail-cover{background:var(--surface-3);min-height:min(72dvh,720px);overflow:hidden}.template-detail-heading{gap:10px;display:grid}.prompt-template-modal{width:min(1080px,100%)}.prompt-template-form-layout{grid-template-columns:minmax(240px,320px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.prompt-cover-uploader{gap:10px;display:grid!important}.prompt-cover-uploader input{min-height:44px}.prompt-cover-uploader img,.prompt-cover-placeholder{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--radius);background:#ffffff0e;overflow:hidden}.prompt-cover-placeholder{color:var(--muted);text-align:center;place-items:center;gap:8px;padding:18px;display:grid}.prompt-template-fields{gap:12px;min-width:0;display:grid}.prompt-template-basic-grid{grid-template-columns:minmax(180px,1.2fr) minmax(140px,.8fr) minmax(140px,.8fr) minmax(110px,.5fr)}.prompt-template-table-card table{min-width:1040px}.admin-template-cover{aspect-ratio:4/3;border-radius:var(--radius);background:var(--surface-3);width:112px;overflow:hidden}.template-prompt-preview{-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:340px;display:-webkit-box;overflow:hidden}table{border-collapse:collapse;width:100%;min-width:680px}th,td{border-bottom:1px solid var(--line);text-align:left;padding:14px}th{color:var(--muted);font-size:13px}.positive{color:var(--success)}.negative{color:var(--danger)}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:1100px){.feature-grid,.inspiration-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-grid{column-count:3}.workspace-hero h1{font-size:68px}.workspace-hero-kicker{font-size:34px}}@media (max-width:980px){.app-shell,.creator-grid,.wallet-layout{grid-template-columns:1fr}.side-nav{display:none}.mobile-shell-header{z-index:35;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#05070dd1;justify-content:space-between;align-items:center;min-height:72px;padding:12px 16px;display:flex;position:sticky;top:0}.mobile-bottom-nav{z-index:40;border:1px solid var(--line);border-radius:var(--radius) var(--radius) 0 0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090b11;border-bottom:0;border-left:0;border-right:0;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:6px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 18px 50px #0006}.mobile-bottom-nav .nav-link{justify-items:center;gap:2px;min-height:54px;padding:6px;font-size:12px;display:grid}.app-main{padding:20px 16px 124px}.workspace-hero,.library-workspace-hero{grid-template-columns:1fr;min-height:auto;padding:32px}.create-workspace-hero{grid-template-columns:1fr;padding:28px}.workspace-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));justify-self:stretch;width:100%}.library-workspace-hero .workspace-hero-metrics{width:100%;position:static}.library-showcase{max-width:620px}.top-bar{align-items:center}.result-panel{position:static}.template-library-toolbar,.prompt-template-form-layout,.template-detail-panel{grid-template-columns:1fr}.template-detail-cover{min-height:48dvh}}@media (max-width:720px){.home-header,.home-header-floating,.home-section{width:min(100% - 32px,1220px)}.home-header-floating{padding:12px 0}.home-nav,.home-header .auth-card.compact{display:none}.immersive-hero{place-items:end center;min-height:86dvh;padding:110px 16px 34px}.hero-copy{text-align:left;justify-items:start}.hero-copy h1{font-size:clamp(58px,17vw,92px)}.hero-kicker{font-size:clamp(34px,11vw,56px)}.hero-actions{justify-content:flex-start}.hero-prompt{grid-template-columns:1fr;width:100%;margin-top:28px;position:static}.hero-prompt-text{white-space:normal}.hero-prompt-action{width:100%}.home-section{padding:44px 0}.feature-grid,.inspiration-grid,.control-grid,.creator-summary-grid,.admin-form-grid{grid-template-columns:1fr}.workspace-hero{padding:24px;padding-bottom:96px}.create-workspace-hero{padding-bottom:24px}.workspace-hero h1{font-size:54px}.create-workspace-hero h1{font-size:42px}.workspace-hero-kicker{font-size:30px}.create-workspace-hero .workspace-hero-kicker{font-size:24px}.workspace-hero-subtitle{font-size:16px}.workspace-hero-metrics{grid-template-columns:1fr}.workspace-hero-scroll{display:none}.library-showcase{gap:6px}.library-showcase-card,.library-showcase-card:nth-child(2),.library-showcase-card:nth-child(3){height:150px}.inspiration-card,.inspiration-card img{min-height:280px}.split-heading,.top-bar,.workspace-header,.studio-access-banner,.channel-toolbar,.modal-header{flex-direction:column;align-items:stretch}.balance-badge{width:100%}.filter-bar{flex-direction:column;align-items:stretch}.filter-bar label{min-width:0}.mode-switch{grid-template-columns:repeat(2,minmax(0,1fr))}.library-heading-actions{justify-content:flex-start}.auth-page{padding:0 16px 32px}.auth-page-panel{margin-top:40px}.modal-overlay{padding:16px}.image-lightbox{padding:12px}.image-lightbox-panel-detail{grid-template-columns:1fr}.template-grid{column-count:2}.image-lightbox-img{max-height:55dvh}}@media (max-width:430px){.template-grid{column-count:1}.workspace-hero{padding:20px 20px 92px}.create-workspace-hero{padding-bottom:20px}.workspace-hero h1{font-size:44px}.create-workspace-hero h1{font-size:38px}.workspace-hero-kicker{font-size:26px}.library-showcase-card,.library-showcase-card:nth-child(2),.library-showcase-card:nth-child(3){height:112px}.primary-button,.secondary-button,.icon-button{width:100%}.auth-entry .primary-button,.auth-entry .secondary-button,.inline-controls .primary-button,.inline-controls .secondary-button,.inline-controls .icon-button,.pagination-controls .secondary-button{width:auto}.hero-actions,.inline-controls,.pagination-controls{flex-direction:column;align-items:stretch}.library-bulk-toolbar .inline-controls,.library-media-filter,.library-heading-actions{width:100%}.library-media-filter{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}}