:root{--background:#f7fbff;--foreground:#17212b;--muted:#667789;--line:#dceaf4;--panel:#ffffff;--panel-strong:#eef8ff;--accent:#25b8a6;--accent-2:#5b8def;--accent-soft:#e8fbf6;--sun:#ffe48a;--ink:#17212b}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--foreground);background:var(--background);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr);grid-template-rows:76px minmax(0,1fr)}.app-shell.without-sidebar{grid-template-columns:minmax(0,1fr)}.global-header{grid-column:1/-1;position:sticky;top:0;z-index:20;min-width:0;height:76px;display:grid;grid-template-columns:198px minmax(0,1fr) auto;align-items:center;gap:14px;padding:0 16px 0 28px;background:rgba(255,255,255,.96);border-bottom:1px solid rgba(226,234,243,.9);box-shadow:0 6px 22px rgba(42,53,71,.04);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.sidebar{position:sticky;top:76px;grid-column:1;grid-row:2;height:calc(100vh - 76px);background:linear-gradient(180deg,#ffffff,#fffafa 48%,#f8fbff);color:var(--ink);padding:18px 10px 14px;display:flex;flex-direction:column;gap:10px;border-right:1px solid rgba(231,236,244,.92);overflow:hidden}.brand{display:flex;align-items:center;gap:8px;font-weight:760;font-size:18px}.top-brand{font-size:22px;color:#2f3338}.brand-mark{width:34px;height:34px;display:grid;place-items:center;background:linear-gradient(135deg,#ff7788,#ffb27b);color:#fff;border-radius:999px;font-weight:900}.global-nav{display:flex;align-items:center;justify-content:flex-start;gap:clamp(10px,1.35vw,22px);min-width:0;overflow-x:auto;scrollbar-width:none}.global-nav::-webkit-scrollbar{display:none}.global-nav-item{position:relative;display:inline-flex;align-items:center;gap:4px;min-height:42px;color:#9a9ca3;font-size:14px;font-weight:760;white-space:nowrap}.global-nav-item.active{color:#2d3036}.global-nav-item.active:after{content:"";position:absolute;left:50%;bottom:4px;width:18px;height:3px;border-radius:999px;background:#ff3f63;transform:translateX(-50%)}.global-nav-item.disabled{cursor:not-allowed}.global-nav-item:hover{color:#ff3f63}.global-nav-item small{position:relative;top:-10px;border-radius:999px;background:#ff4f66;color:#fff;padding:1px 5px;font-size:10px;line-height:1.2;font-weight:900}.global-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.credit-pill,.guest-register-pill,.member-pill,.reward-pill,.role-center-pill,.settings-pill,.top-icon-button{min-height:38px;border:0;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;font-weight:850}.member-pill{padding:0 12px;background:#4b3524;color:#ffe5b9}.reward-pill{padding:0 12px;background:#ff4969;color:#fff}.credit-pill{padding:0 12px;background:#fff3e7;color:#dd8a18}.credit-pill strong{color:#d77e12}.top-icon-button{width:38px;color:#3d444f;background:transparent}.top-icon-button:hover{background:#f4f7fb}.settings-pill{padding:0 11px;background:#f5f7fb;color:#657386}.settings-pill.active,.settings-pill:hover{background:#fff0f3;color:#ff3158}.guest-register-pill{padding:0 12px;background:#ff3f63;color:#fff;box-shadow:0 8px 20px rgba(255,63,99,.18)}.guest-register-pill:hover{background:#eb2f53}.role-center-pill{padding:0 9px 0 8px;background:#edf4ff;color:#6b88c8}.role-center-pill span{display:grid;line-height:1.05;font-size:12px}.role-center-pill small{color:#93a4c8;font-size:10px}.global-actions .button.ghost{min-height:36px;padding:0 10px;border-radius:999px;font-size:13px;color:#697789}.nav-list{display:grid;align-content:start;gap:5px;flex:1 1;min-height:0;overflow:auto;padding-right:2px}.nav-item{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:7px;color:#516274;font-size:14px}.nav-item.active,.nav-item:hover{background:#e8fbf6;color:#0c6d62}.user-nav-item small{color:#7d8b98}.sidebar-task-groups{display:grid;gap:18px;margin:0;padding:0}.sidebar-task-group{display:grid;gap:4px}.sidebar-task-heading{color:#a5a8af;font-size:12px;font-weight:760;padding:8px 18px 6px}.sidebar-task-list{display:grid;gap:3px;margin:0}.sidebar-task{display:flex;align-items:center;gap:10px;width:100%;min-height:40px;border:0;border-radius:7px;background:transparent;color:#ff3158;padding:8px 16px;text-align:left;font-size:14px;font-weight:760}.sidebar-task span{min-width:0;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-task small{flex:0 0 auto;border-radius:999px;background:#fff1ed;color:#d04f60;padding:1px 5px;font-size:10px;font-weight:850}.sidebar-task.active,.sidebar-task:hover{color:#ff3158;background:#fff0f3}.sidebar-task.disabled{color:#a2afbb;cursor:not-allowed}.sidebar-task.disabled:hover{background:transparent;color:#a2afbb}.main{grid-column:2;grid-row:2;padding:0;overflow:auto;min-width:0;height:calc(100vh - 76px);background:linear-gradient(120deg,rgba(248,253,255,.94),rgba(244,248,255,.9)),radial-gradient(circle at 74% 8%,rgba(229,235,255,.68),transparent 32%)}.without-sidebar .main{grid-column:1;padding:28px}.home-shell{min-height:100vh;background:radial-gradient(circle at 20% 22%,rgba(255,205,221,.42),transparent 28%),radial-gradient(circle at 74% 10%,rgba(255,232,193,.58),transparent 25%),linear-gradient(180deg,#fff9fb,#ffffff 54%,#f8fbff)}.home-page{display:grid;gap:18px;width:min(1680px,calc(100vw - 56px));margin:0 auto;padding:54px 0 58px}.home-hero{display:grid;gap:28px;justify-items:center;text-align:center}.home-hero-copy{display:grid;gap:16px;max-width:980px}.home-hero h1{font-size:clamp(42px,4.2vw,74px);line-height:1.05;color:#292c34}.home-hero p{color:#5d6370;font-size:18px;line-height:1.7}.home-stats{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.home-stats span{border-radius:999px;background:rgba(255,255,255,.78);border:1px solid rgba(255,203,213,.78);color:#464a53;padding:9px 16px;font-weight:820}.home-tabs{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:18px}.home-tabs span{color:#6d727d;border-radius:999px;padding:11px 22px;font-weight:820}.home-tabs span.active{background:#ff3f63;color:#fff;box-shadow:0 12px 30px rgba(255,63,99,.22)}.home-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-case-card,.home-quick-card{border:1px solid rgba(229,234,242,.9);border-radius:8px;background:rgba(255,255,255,.9);box-shadow:0 18px 44px rgba(45,50,70,.07)}.home-case-card{display:grid;gap:14px;padding:18px}.home-case-heading{display:flex;align-items:start;justify-content:space-between;gap:12px}.home-case-heading strong{color:#343840;font-size:22px}.home-case-heading p{color:#767b86;line-height:1.6;margin-top:5px}.home-case-heading a{width:44px;height:44px;border-radius:999px;background:#f6f4f8;display:grid;place-items:center;color:#333942;flex:0 0 auto}.home-before-after{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow:hidden;border-radius:8px;min-height:330px;background:#f6f7f8}.home-before-after img{width:100%;height:100%;min-height:330px;object-fit:cover}.home-arrow{position:absolute;inset:50% auto auto 50%;width:46px;height:46px;border-radius:999px;display:grid;place-items:center;background:#ff705d;color:#fff;border:3px solid #fff;transform:translate(-50%,-50%);box-shadow:0 10px 24px rgba(255,112,93,.28)}.home-before-after>span{position:absolute;right:10px;bottom:10px;border-radius:6px;background:rgba(45,45,45,.68);color:#fff;padding:7px 10px;font-size:12px;font-weight:820}.home-quick-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.home-quick-card{display:grid;grid-template-columns:116px 1fr;align-items:center;gap:16px;padding:14px 18px}.home-quick-card img{width:116px;height:88px;border-radius:7px;object-fit:cover}.home-quick-card span{display:grid;gap:6px}.home-quick-card strong{font-size:22px;color:#343840}.home-quick-card small{color:#8a8f99;font-size:15px}.home-primary-cta{justify-self:center;min-width:min(520px,92vw);min-height:72px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#ff7d83,#ff334f);color:#fff;font-size:26px;font-weight:920;box-shadow:0 18px 36px rgba(255,63,99,.24)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{color:var(--accent-2);font-size:12px;font-weight:800;text-transform:uppercase}.title{font-size:34px;line-height:1.15;margin-top:4px}.subtitle{color:var(--muted);line-height:1.65}.panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:20px}.grid{display:grid;gap:16px}.grid.two{grid-template-columns:minmax(320px,.9fr) minmax(360px,1.1fr)}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-card{border:1px solid var(--line);border-radius:8px;padding:16px;background:var(--panel);display:grid;gap:8px;text-align:left}.tool-card.selected{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.form{display:grid;gap:14px}.field{display:grid;gap:7px}.field span{font-size:13px;font-weight:750}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:11px 12px;outline:none}.textarea{min-height:96px;resize:vertical}.button{border:0;border-radius:7px;padding:11px 14px;background:var(--accent);color:#fff;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.secondary{background:#171813}.button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line)}.sidebar .button.ghost{color:var(--ink);border-color:var(--line)}.table{width:100%;border-collapse:collapse;font-size:14px}.table td,.table th{text-align:left;padding:12px;border-bottom:1px solid var(--line);vertical-align:top}.admin-top-grid{align-items:start}.admin-jobs-panel,.admin-users-panel{display:grid;gap:14px}.admin-jobs-panel{margin-top:16px}.admin-panel-heading,.admin-user-controls,.admin-user-main,.credit-adjust-form,.credit-ledger-row{display:flex;align-items:center;gap:12px}.admin-panel-heading,.admin-user-main{justify-content:space-between}.credit-balance,.credit-total{border:1px solid var(--line);border-radius:8px;background:#f5fbff;padding:10px 12px;display:grid;gap:3px;min-width:104px}.credit-total{grid-template-columns:auto auto;align-items:center}.credit-balance strong,.credit-total strong{color:#0c6d62;font-size:22px;line-height:1}.credit-balance span,.credit-ledger>span,.credit-total span{color:var(--muted);font-size:12px;font-weight:780}.admin-message{border:1px solid #bfe9dc;border-radius:8px;background:#effcf7;color:#126657;padding:10px 12px;font-size:13px;font-weight:750}.admin-user-card,.admin-user-list{display:grid;gap:12px}.admin-user-card{border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#ffffff,#f9fdff);padding:14px}.admin-user-main p,.credit-ledger-row small{color:var(--muted);font-size:12px}.admin-user-controls{align-items:end}.admin-user-controls .field{min-width:150px}.admin-switch{display:inline-flex;align-items:center;gap:8px;min-height:41px;color:var(--ink);font-size:13px;font-weight:760}.credit-adjust-form{align-items:end}.credit-adjust-form .field{flex:1 1}.credit-ledger{border-top:1px solid var(--line);padding-top:10px;display:grid;gap:7px}.credit-ledger-row{justify-content:space-between;border-radius:7px;background:#f5f9fc;padding:8px 10px;font-size:13px}.credit-ledger-row strong{min-width:44px}.credit-ledger-row strong.plus{color:#0c8b64}.credit-ledger-row strong.minus{color:#d04f60}.admin-job-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.admin-job-stat{border:1px solid var(--line);border-radius:8px;background:#f7fbff;padding:14px;display:grid;gap:6px;color:#607083}.admin-job-stat strong{color:#243442;font-size:26px;line-height:1}.admin-job-stat.running{background:#fff9ec;color:#ad7a20}.admin-job-stat.success{background:#effcf7;color:#168568}.admin-job-stat.danger{background:#fff1f3;color:#d04f60}.admin-job-list{display:grid;gap:8px}.admin-job-row{display:grid;grid-template-columns:auto minmax(220px,1fr) minmax(110px,auto) minmax(120px,auto);align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:12px}.admin-job-row p,.admin-job-row small{color:var(--muted);font-size:12px}.admin-job-row span{font-weight:820;color:#334557}.admin-job-status{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;background:#edf7ff;color:#4c82c7}.admin-job-status.failed{background:#fff1f3;color:#d04f60}.admin-job-status.succeeded{background:#effcf7;color:#168568}.admin-job-error{grid-column:2/-1;border-radius:7px;background:#fff5f6;padding:8px 10px}.jobs-page{display:grid;gap:14px;min-width:0}.jobs-hero{display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 14% 18%,rgba(255,228,138,.35),transparent 24%),linear-gradient(135deg,#ffffff,#eef8ff);padding:18px}.jobs-hero h1{margin-top:4px;font-size:30px;line-height:1.15}.jobs-hero p{margin-top:6px;color:var(--muted)}.jobs-stats{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}.jobs-stats span,.status-pill{display:inline-flex;align-items:center;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.jobs-stats span{border:1px solid rgba(37,184,166,.24);background:rgba(255,255,255,.75);color:#315063}.jobs-filters{display:grid;grid-template-columns:minmax(260px,1fr) repeat(3,minmax(150px,.35fr));gap:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:12px}.jobs-filters label,.jobs-search{display:flex;align-items:center;gap:8px;min-width:0;border:1px solid var(--line);border-radius:8px;background:#fbfeff;color:#486174;padding:8px 10px;font-size:13px;font-weight:800}.jobs-filters input,.jobs-filters select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink)}.jobs-layout{grid-template-columns:minmax(420px,.88fr) minmax(420px,1.12fr);gap:12px;align-items:start}.jobs-layout,.jobs-list{display:grid;min-width:0}.jobs-list{gap:9px}.job-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:9px}.job-row.active,.job-row:hover{border-color:rgba(37,184,166,.65);background:#f2fffb}.job-row-main{display:grid;grid-template-columns:68px minmax(0,1fr);align-items:center;gap:10px;min-width:0;border:0;background:transparent;text-align:left}.job-thumb{width:68px;aspect-ratio:1;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fbfeff;color:var(--muted)}.job-thumb img{width:100%;height:100%;object-fit:cover}.job-row-copy{display:grid;gap:4px;min-width:0}.job-row-copy>div{display:flex;align-items:center;gap:8px;min-width:0}.job-row-copy p,.job-row-copy small,.job-row-copy strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.job-row-copy p{color:#315063}.job-detail-meta,.job-row-copy small{color:var(--muted);font-size:12px}.status-pill{background:var(--panel-strong);color:#315063}.status-pill.succeeded{background:#e8fbf6;color:#0c6d62}.status-pill.failed{background:#fff1ed;color:#b42318}.status-pill.queued,.status-pill.running{background:#eef5ff;color:#2f5fb3}.job-detail{position:sticky;top:18px;display:grid;gap:14px;max-height:calc(100vh - 56px);overflow:auto;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:16px;min-width:0}.job-detail.empty,.jobs-empty{min-height:220px;place-items:center;text-align:center;color:var(--muted)}.job-detail.empty,.job-result-grid,.jobs-empty{display:grid}.job-detail-head,.job-result-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.job-detail-head h2{margin-top:4px;font-size:22px}.job-detail-head p{margin-top:4px;color:var(--muted)}.job-detail-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.job-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.job-result-card{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:8px}.job-result-card img{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:7px;background:#ffffff}.job-prompt-block{border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:10px}.job-prompt-block summary{cursor:pointer;font-weight:800;color:#334556}.job-prompt-block pre{margin-top:10px;max-height:220px;overflow:auto;white-space:pre-wrap;color:#405366;font-size:12px;line-height:1.65}.job-param-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.job-param-list div{display:grid;gap:4px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:9px;min-width:0}.job-param-list span{color:var(--muted);font-size:12px}.job-param-list strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#315063;font-size:13px}.badge{display:inline-flex;align-items:center;border-radius:999px;background:var(--panel-strong);color:var(--ink);padding:4px 9px;font-size:12px;font-weight:760}.result-image,.result-svg{width:100%;max-width:420px}.result-image,.result-svg,.upload-preview{aspect-ratio:1;border-radius:8px;border:1px solid var(--line);object-fit:cover;background:#fff}.upload-preview{width:160px}.showcase-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.showcase-strip img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:8px;border:1px solid #3f4035;background:#fff}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 420px}.login-art{padding:48px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 20% 20%,rgba(255,228,138,.55),transparent 28%),linear-gradient(135deg,#e8fbf6,#eef5ff 52%,#ffffff);color:var(--ink)}.login-art h1{font-size:58px;line-height:1.02;max-width:760px}.login-card{background:var(--panel);padding:42px;display:flex;flex-direction:column;justify-content:center;border-left:1px solid var(--line)}.error{color:#b42318;background:#fff1ed;border:1px solid #ffd6ca;border-radius:7px;padding:10px}.auth-link{color:#ff3158;font-weight:850;margin-left:4px}@media (max-width:900px){.app-shell,.grid.three,.grid.two,.login-page{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:2}.nav-list{grid-template-columns:repeat(3,1fr)}.main{padding:18px}.login-art h1{font-size:40px}}.creation-page{display:grid;gap:18px}.fresh-hero{min-height:260px;display:grid;grid-template-columns:minmax(360px,1fr) 430px;gap:24px;align-items:center;padding:28px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 16% 18%,rgba(255,228,138,.45),transparent 24%),radial-gradient(circle at 82% 22%,rgba(37,184,166,.2),transparent 28%),linear-gradient(135deg,#ffffff,#eef8ff)}.fresh-hero h1{max-width:760px;font-size:42px;line-height:1.1;margin-top:8px}.fresh-hero p{max-width:720px;margin-top:12px;color:var(--muted);line-height:1.8}.hero-gallery{height:220px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.hero-gallery img{width:100%;height:100%;object-fit:cover;border-radius:8px;border:1px solid var(--line);background:#fff}.hero-gallery img:nth-child(2){margin-top:20px}.mode-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.mode-card{min-height:132px;border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:16px;text-align:left;display:grid;gap:8px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.mode-card.active,.mode-card:hover{border-color:rgba(37,184,166,.55);box-shadow:0 12px 30px rgba(38,120,130,.12);transform:translateY(-1px)}.mode-card small{color:var(--muted);line-height:1.55}.mode-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:8px;color:#0c6d62;background:var(--accent-soft)}.creation-workbench{display:grid;grid-template-columns:250px minmax(460px,1fr) 360px;gap:16px;align-items:start}.brief-panel,.preview-panel,.template-rail{border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.92);padding:16px}.preview-panel,.template-rail{position:sticky;top:18px}.rail-title,.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.rail-title{justify-content:flex-start;font-weight:850}.template-list{display:grid;gap:10px}.template-card{border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:12px;display:grid;gap:6px;text-align:left}.template-card:hover{border-color:var(--accent);background:#f4fffb}.muted-card span,.template-card span{color:var(--muted);font-size:13px;line-height:1.55}.mini-showcase{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.mini-showcase img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.brief-form{display:grid;gap:14px}.form-section{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:8px;background:#fbfeff}.form-section h3{font-size:15px}.field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fresh-field{display:grid;gap:7px}.compact-options span,.fresh-field span{font-size:13px;font-weight:800;color:#334556}.compact-options select,.fresh-field input,.fresh-field select,.fresh-field textarea{width:100%;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);padding:10px 11px;outline:none}.fresh-field textarea{min-height:78px;resize:vertical}.compact-options select:focus,.fresh-field input:focus,.fresh-field select:focus,.fresh-field textarea:focus{border-color:rgba(37,184,166,.65);box-shadow:0 0 0 3px rgba(37,184,166,.12)}.upload-zone{min-height:122px;display:grid;place-items:center;gap:6px;text-align:center;border:1px dashed #a8dcd4;border-radius:8px;color:#0c6d62;background:#f2fffb;padding:16px}.upload-zone input{width:100%;max-width:100%;min-width:0}.upload-zone small{color:var(--muted)}.compact-options{grid-template-columns:repeat(2,minmax(0,1fr))}.compact-options label{display:grid;gap:7px}.fresh-button{min-height:46px;background:linear-gradient(135deg,#25b8a6,#5b8def)}.preview-card{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;margin-bottom:12px}.preview-card pre{white-space:pre-wrap;color:#405366;font-size:12px;line-height:1.65;background:#f4f9fd;border-radius:8px;padding:10px;max-height:260px;overflow:auto}.empty-preview{min-height:150px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;align-content:center;gap:8px;color:var(--muted)}.preview-image{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px;border:1px solid var(--line)}.success-note{display:inline-flex;align-items:center;gap:6px;color:#08766a;background:#e8fbf6;border-radius:8px;padding:9px 10px}.result-actions{display:grid;gap:10px}.copy-result{display:grid;gap:8px}.copy-result p,.copy-result small{color:var(--muted);line-height:1.6}.studio-main{display:grid;gap:10px;min-width:0}.task-ribbon{min-height:48px;display:grid;grid-template-columns:minmax(160px,auto) minmax(0,1fr) auto;align-items:center;gap:12px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.94);padding:8px 12px}.task-ribbon>div:first-child{display:inline-flex;align-items:baseline;gap:8px;min-width:0}.task-ribbon span{color:var(--muted);font-size:12px;font-weight:760}.task-ribbon strong{color:#17212b;font-size:17px;white-space:nowrap}.task-ribbon p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#617284;font-size:13px}.task-ribbon-stats{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.task-ribbon-stats span{min-height:26px;display:inline-flex;align-items:center;border:1px solid rgba(37,184,166,.18);border-radius:999px;background:#f7fcff;color:#315063;padding:4px 9px;white-space:nowrap}.studio-header{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:142px;padding:22px;border:1px solid var(--line);border-radius:8px;background:radial-gradient(circle at 16% 18%,rgba(255,228,138,.4),transparent 28%),linear-gradient(135deg,#ffffff,#eef8ff)}.compact-header{min-height:auto;padding:14px 18px}.compact-header h1{font-size:26px}.studio-header h1{font-size:36px;line-height:1.1;margin-top:6px}.studio-header p{max-width:720px;margin-top:6px;color:var(--muted);line-height:1.5}.studio-status-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.studio-status-strip span{display:inline-flex;align-items:center;min-height:28px;border:1px solid rgba(37,184,166,.22);border-radius:999px;background:rgba(255,255,255,.74);color:#315063;padding:5px 10px;font-size:12px;font-weight:760}.task-kind-switch{display:inline-grid;grid-template-columns:1fr 1fr;min-width:210px;padding:4px;border:1px solid var(--line);border-radius:8px;background:#ffffff}.task-kind-switch button{border:0;border-radius:6px;background:transparent;padding:9px 12px;color:var(--muted);font-weight:800}.task-kind-switch button.active{color:#0c6d62;background:var(--accent-soft)}.studio-grid{display:grid;grid-template-columns:minmax(360px,.72fr) 360px;gap:16px;align-items:start}.production-grid{display:grid;grid-template-columns:minmax(300px,320px) minmax(0,1fr);gap:0;align-items:stretch;min-width:0;min-height:calc(100vh - 76px)}.studio-form{display:grid;grid-template-columns:300px minmax(0,1fr);gap:14px}.params-card{align-self:stretch;min-width:0}.compact-config-card{align-content:start;position:sticky;top:18px;max-height:calc(100vh - 118px);overflow:auto}.studio-form>.fresh-button,.studio-form>.studio-card:not(.upload-card){grid-column:2}.upload-card{grid-row:1/span 4;align-self:stretch;position:sticky;top:18px}.production-upload{position:sticky;top:0;min-width:0;height:calc(100vh - 76px);max-height:calc(100vh - 76px);overflow:auto;padding:22px 18px;border:0;border-right:1px solid rgba(220,234,244,.78);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.94)),radial-gradient(circle at 18% 0,rgba(232,251,246,.42),transparent 28%);box-shadow:none}.workbench-panel{align-content:start}.workbench-generate-button{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 18px rgba(247,252,255,.9)}.workbench-panel .card-title{justify-content:flex-start;padding:0 2px 2px}.workbench-panel .card-title small{margin-left:auto;color:var(--muted);font-size:12px;font-weight:800}.workbench-divider{height:1px;background:var(--line);margin:2px 0}.compact-section-title h3{font-size:15px}.studio-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:rgba(255,255,255,.96);min-width:0}.production-grid>.studio-card{box-shadow:none}.studio-card.production-upload{padding:22px 18px;border:0;border-right:1px solid rgba(220,234,244,.78);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,253,255,.94)),radial-gradient(circle at 18% 0,rgba(232,251,246,.42),transparent 28%)}.card-title{display:flex;align-items:center;gap:8px;color:#234252}.upload-zone-compact{min-height:76px;padding:11px;border-radius:8px}.upload-action-button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid rgba(37,184,166,.45);border-radius:8px;background:linear-gradient(135deg,#e8fbf6,#f7fbff);color:#0c6d62;font-size:13px;font-weight:850;cursor:pointer}.workbench-hint{color:#667789;font-size:12px;line-height:1.55}.upload-action-button input,.upload-manager-tools input,.upload-modal-actions input{display:none}.queue-heading{display:flex;align-items:center;justify-content:space-between;color:#486174;font-size:12px;font-weight:800}.queue-heading strong{display:grid;place-items:center;min-width:24px;height:24px;border-radius:999px;background:#e8fbf6;color:#0c6d62}.upload-list{display:grid;align-content:start;gap:7px;max-height:292px;overflow:hidden;padding-right:2px;min-width:0;flex:0 0 auto}.upload-row{display:grid;grid-template-columns:48px minmax(0,1fr) 24px;align-items:center;gap:6px;border:1px solid var(--line);border-radius:8px;background:#ffffff;padding:4px;min-width:0;min-height:52px}.upload-row.active,.upload-row:hover{border-color:rgba(37,184,166,.65);background:#f2fffb}.icon-button,.upload-name,.upload-thumb{border:0;background:transparent}.upload-thumb{min-width:0;border-radius:6px;overflow:hidden}.upload-thumb img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:6px;background:#fff}.upload-name{display:grid;gap:2px;min-width:0;text-align:left;color:#263d50}.upload-name span,.upload-name strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-upload-box{min-height:132px;height:150px;border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;overflow:hidden;background:#fbfeff;color:var(--muted);text-align:center}.selected-upload-box img{width:100%;height:100%;object-fit:contain}.view-more-button{width:100%}.upload-name span{color:var(--muted);font-size:12px}.icon-button{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;color:#7f8d9b}.icon-button:hover{color:#b42318;background:#fff1ed}.selected-upload-preview{width:100%;aspect-ratio:1;object-fit:contain;border:1px solid var(--line);border-radius:8px;background:#fff}.studio-preview{position:sticky;top:18px;display:grid;gap:14px}.output-card{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;max-height:100vh;min-width:0;overflow:hidden;border:0;border-radius:0;padding:22px 24px;background:linear-gradient(130deg,rgba(255,255,255,.76),rgba(247,252,255,.8) 42%,rgba(243,246,255,.94)),radial-gradient(circle at 18% 4%,rgba(37,184,166,.12),transparent 26%),radial-gradient(circle at 92% 12%,rgba(229,235,255,.82),transparent 34%);box-shadow:none}.output-title{justify-content:space-between;gap:8px;min-width:0}.output-title span{display:inline-flex;align-items:center;gap:8px;min-width:0}.output-title small{margin-left:auto;color:var(--muted);font-size:12px;white-space:nowrap}.small-button{min-height:32px;padding:7px 9px;font-size:12px}.prompt-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prompt-field-grid .wide-field{grid-column:1/-1}.preset-bar{display:grid;grid-template-columns:1fr;gap:8px;align-items:end;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:8px;min-width:0}.preset-bar label{display:grid;gap:6px;min-width:0}.preset-bar span{color:#334556;font-size:12px;font-weight:800}.preset-bar input,.preset-bar select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);padding:8px 9px;outline:0}.preset-bar .small-button{width:100%;min-width:0;white-space:nowrap}.config-edit-button{width:100%;justify-content:center}.concurrency-panel{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:8px}.concurrency-panel>span{color:#334556;font-size:12px;font-weight:800}.concurrency-panel select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:#263d50;padding:9px 10px;outline:0}.concurrency-panel small{color:var(--muted);font-size:12px;line-height:1.45}.credit-inline{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 10px;border:1px solid #cfeade;border-radius:8px;background:linear-gradient(135deg,#f2fff9,#f7fbff);padding:10px 12px}.credit-inline small,.credit-inline span{color:var(--muted);font-size:12px;font-weight:760}.credit-inline strong{grid-row:span 2;color:#0c6d62;font-size:24px;line-height:1}.config-summary{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:10px}.config-summary div{display:grid;gap:3px}.config-summary span,.save-scheme-row span{color:var(--muted);font-size:12px;font-weight:800}.config-summary strong{color:#263d50;font-size:13px;line-height:1.45;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical}.save-scheme-row{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:10px}.save-scheme-row label{display:grid;gap:6px}.save-scheme-row input{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);padding:8px 9px;outline:0}.scheme-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.compact-prompt-details pre{max-height:150px}.params-editor-modal{width:min(760px,calc(100vw - 44px));max-height:min(760px,calc(100vh - 56px));overflow:hidden}.params-editor-body{min-height:0;flex:1 1 auto;overflow:auto;padding-right:4px}.feature-config-brief{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(135deg,#fbfeff,#f3fbff);padding:11px;margin-bottom:10px}.feature-config-brief span{color:#0c6d62;font-size:12px;font-weight:850}.feature-config-brief strong{color:#1e3547;line-height:1.45}.feature-config-brief p{color:#667789;font-size:12px;line-height:1.55}.quick-preset-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px}.quick-preset-button{display:grid;gap:4px;min-width:0;border:1px solid rgba(37,184,166,.24);border-radius:8px;background:#f7fffc;color:#263d50;padding:9px 10px;text-align:left}.quick-preset-button:hover{border-color:rgba(37,184,166,.68);background:#edfffa}.quick-preset-button span,.quick-preset-button strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.quick-preset-button span{color:#667789;font-size:12px}.modal-basic-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.modal-basic-options label{display:grid;gap:6px;min-width:0}.modal-basic-options span{color:#334556;font-size:12px;font-weight:800}.modal-basic-options select{width:100%;min-width:0;border:1px solid var(--line);border-radius:8px;background:#ffffff;color:var(--ink);padding:9px 10px;outline:0}.modal-field-grid{padding-bottom:4px}.modal-config-tools{display:grid;gap:10px}.modal-config-tools,.modal-footer-actions{border-top:1px solid var(--line);padding-top:12px}.modal-footer-actions{display:flex;justify-content:flex-end;flex:0 0 auto}.preset-message{color:#0c6d62;font-size:12px;font-weight:800}.output-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start;gap:10px;flex:1 1;min-height:0;overflow:auto;padding-right:2px;min-width:0}.empty-output{grid-column:1/-1;min-height:calc(100vh - 190px);border:1px dashed var(--line);border-radius:8px;display:grid;place-items:center;color:var(--muted);text-align:center}.output-showcase{grid-column:1/-1;display:grid;gap:10px;min-height:calc(100vh - 144px);align-content:start}.showcase-hero{position:relative;display:grid;grid-template-columns:minmax(240px,.9fr) minmax(360px,1.45fr);gap:12px;overflow:hidden;border:1px solid rgba(37,184,166,.18);border-radius:8px;background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(238,248,255,.92)),linear-gradient(90deg,rgba(232,251,246,.74),rgba(255,248,219,.5));padding:14px}.showcase-copy{align-self:center;display:grid;gap:8px;max-width:360px}.case-card span,.case-section-title span,.showcase-copy span{color:#0c6d62;font-size:12px;font-weight:850}.showcase-copy h3{color:#17212b;font-size:clamp(22px,2vw,30px);line-height:1.16}.showcase-copy p{color:#5f7080;font-size:14px;line-height:1.55}.before-after-hero{grid-template-columns:minmax(220px,.62fr) minmax(520px,1.38fr);min-height:430px;align-items:center}.before-after-stage{display:grid;grid-template-columns:minmax(0,1fr) 34px minmax(0,1fr);align-items:center;gap:10px;min-width:0}.comparison-card{position:relative;display:grid;gap:8px;min-width:0;border:1px solid rgba(220,234,244,.92);border-radius:8px;background:rgba(255,255,255,.88);box-shadow:0 18px 36px rgba(49,80,99,.1);padding:8px}.comparison-card span{position:absolute;left:14px;top:14px;z-index:1;border-radius:999px;background:rgba(23,33,43,.66);color:#ffffff;padding:4px 8px;font-size:11px;font-weight:850}.comparison-card.after span{background:rgba(12,109,98,.78)}.comparison-card img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px;background:#ffffff}.comparison-card figcaption{min-width:0;overflow:hidden;color:#263d50;font-size:13px;font-weight:850;text-overflow:ellipsis;white-space:nowrap}.comparison-arrow{display:grid;place-items:center;width:34px;height:34px;border-radius:999px;background:linear-gradient(135deg,#25b8a6,#5b8def);color:#ffffff;font-weight:900;box-shadow:0 12px 24px rgba(49,80,99,.18)}.feature-proof-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:10px}.feature-proof-grid article{display:grid;align-content:start;gap:8px;min-width:0;border:1px solid rgba(220,234,244,.85);border-radius:8px;background:rgba(255,255,255,.78);padding:12px}.feature-proof-grid span{color:#0c6d62;font-size:12px;font-weight:850}.feature-proof-grid p{color:#5f7080;font-size:13px;line-height:1.55}.proof-pill-list{display:flex;flex-wrap:wrap;gap:7px}.proof-pill-list strong{border:1px solid rgba(37,184,166,.18);border-radius:999px;background:#f2fffb;color:#315063;padding:5px 8px;font-size:12px;font-weight:850}.showcase-carousel{display:grid;grid-template-columns:.78fr .92fr 1.1fr;gap:10px;align-items:end;min-width:0}.showcase-step{position:relative;display:grid;gap:9px;min-width:0;border:1px solid rgba(220,234,244,.9);border-radius:8px;background:rgba(255,255,255,.84);box-shadow:0 16px 35px rgba(49,80,99,.1);padding:8px}.showcase-step:first-child{transform:translateY(18px)}.showcase-step:nth-child(2){transform:translateY(7px)}.showcase-step img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:7px;background:#ffffff}.case-card strong,.showcase-step strong{display:block;min-width:0;overflow:hidden;color:#263d50;text-overflow:ellipsis;white-space:nowrap}.showcase-step small{display:block;margin-top:3px;color:#667789;font-size:12px;line-height:1.45}.showcase-step-index{position:absolute;top:14px;left:14px;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.78);border-radius:999px;background:rgba(23,33,43,.56);color:#ffffff;font-size:11px;font-weight:900}.showcase-dots{position:absolute;left:18px;bottom:16px;display:inline-flex;gap:6px}.showcase-dots span{width:6px;height:6px;border-radius:999px;background:#bed5e5}.showcase-dots .active{width:18px;background:#25b8a6}.case-section-title{display:flex;align-items:end;justify-content:space-between;gap:12px;min-width:0;padding:0 2px}.case-section-title div{display:grid;gap:4px;min-width:0}.case-section-title strong{color:#17212b;font-size:16px}.case-section-title small{flex:0 0 auto;color:#7a8a99;font-size:12px}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.case-card{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#ffffff;box-shadow:0 10px 24px rgba(49,80,99,.07)}.case-card img{width:100%;aspect-ratio:4/3;object-fit:cover;background:#f7fcff}.case-card div{display:grid;gap:4px;padding:10px}.output-item{display:grid;gap:8px;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fbfeff;min-width:0;align-content:start}.output-item.running{border-color:#b7d9ff}.output-item.succeeded{border-color:#b7eadf}.output-item.failed{border-color:#ffd6ca}.output-meta{display:flex;justify-content:space-between;gap:8px;font-size:13px;min-width:0}.output-meta strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.output-meta span{color:var(--muted);flex:0 0 auto}.upload-modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:rgba(23,33,43,.34);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.upload-modal{width:min(880px,calc(100vw - 44px));max-height:min(720px,calc(100vh - 56px));display:flex;flex-direction:column;gap:14px;border:1px solid var(--line);border-radius:8px;background:#ffffff;box-shadow:0 24px 70px rgba(49,80,99,.2);padding:18px}.upload-manager-tools,.upload-modal-actions,.upload-modal-header{display:flex;align-items:center;gap:10px}.upload-modal-header{justify-content:space-between}.upload-modal-header h3{margin-top:4px;color:#17212b}.upload-manager-list{display:grid;gap:9px;overflow:auto;padding-right:4px}.upload-manager-row{display:grid;grid-template-columns:64px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:8px}.upload-manager-row.active,.upload-manager-row:hover{border-color:rgba(37,184,166,.65);background:#f2fffb}.upload-manager-info,.upload-manager-thumb{border:0;background:transparent;min-width:0}.upload-manager-thumb img{width:64px;aspect-ratio:1;object-fit:cover;border:1px solid var(--line);border-radius:7px;background:#fff}.upload-manager-info{display:grid;gap:4px;text-align:left}.upload-manager-info span,.upload-manager-info strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.upload-manager-info span{color:var(--muted);font-size:12px}.prompt-details{border:1px solid var(--line);border-radius:8px;background:#fbfeff;padding:10px}.prompt-details summary{cursor:pointer;font-weight:800;color:#334556}.prompt-details pre{margin-top:10px;max-height:220px}.prompt-details pre,.studio-preview pre{white-space:pre-wrap;color:#405366;font-size:12px;line-height:1.65;background:#f4f9fd;border-radius:8px;padding:10px;overflow:auto}.studio-preview pre{max-height:320px}@media (max-width:1180px){.app-shell{grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr)}.global-header{grid-template-columns:1fr;height:auto;gap:10px;padding:12px 16px}.global-actions,.global-nav{justify-content:flex-start;overflow-x:auto;width:100%}.home-page{width:min(100vw - 28px,760px);padding-top:34px}.admin-job-stats,.home-before-after,.home-case-grid,.home-quick-card,.home-quick-grid{grid-template-columns:1fr}.home-before-after img{min-height:240px}.admin-job-row{grid-template-columns:auto minmax(0,1fr)}.admin-job-error,.admin-job-row>div:nth-child(3),.admin-job-row>div:nth-child(4){grid-column:2}.sidebar{grid-row:2;position:static;max-height:260px}.main,.sidebar{grid-column:1;height:auto}.main{grid-row:3;min-height:0}.creation-workbench,.fresh-hero,.production-grid,.studio-form,.studio-grid{grid-template-columns:1fr}.output-card,.preview-panel,.production-upload,.studio-preview,.template-rail{position:static;height:auto;max-height:none}.studio-form>.fresh-button,.studio-form>.studio-card:not(.upload-card),.upload-card{grid-column:auto;grid-row:auto;position:static}.output-card{max-height:none}.showcase-hero{grid-template-columns:1fr}.showcase-copy{max-width:680px}.before-after-hero,.feature-proof-grid{grid-template-columns:1fr}}@media (max-width:1380px){.studio-form .preset-bar{grid-template-columns:1fr}}@media (max-width:900px){.compact-options,.field-grid,.mode-grid{grid-template-columns:1fr}.fresh-hero h1{font-size:32px}.studio-header{align-items:stretch;flex-direction:column}.task-ribbon{grid-template-columns:1fr;align-items:stretch}.task-ribbon-stats{justify-content:flex-start;flex-wrap:wrap}.before-after-stage,.case-grid,.showcase-carousel{grid-template-columns:1fr}.comparison-arrow{justify-self:center;transform:rotate(90deg)}.showcase-step,.showcase-step:first-child,.showcase-step:nth-child(2){transform:none}.showcase-step img{aspect-ratio:16/10}}