:root{color-scheme:light;font-family:Microsoft YaHei,PingFang SC,Segoe UI,sans-serif;background:#edf0f3;color:#14171f;line-height:1.5;font-weight:400;--ink: #14171f;--muted: #6d7480;--soft: #9299a5;--line: #d9dee6;--panel: #fbfcfe;--panel-2: #f4f6f8;--dark: #151922;--dark-2: #1d2330;--green: #22a06b;--green-2: #147a50;--blue: #2c6bed;--amber: #c47a15;--red: #d43d3d;--shadow: 0 18px 48px rgba(25, 32, 44, .12);--shadow-soft: 0 8px 26px rgba(25, 32, 44, .08)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#edf0f3}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.app{min-height:100vh;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,#ffffffb8,#edf0f3f5),#edf0f3;color:var(--ink)}.app.dark{color-scheme:dark;background:#0e1117;color:#eef2f7;--ink: #eef2f7;--muted: #a3acb9;--soft: #788391;--line: #2b3341;--panel: #161b24;--panel-2: #111620;--shadow: 0 18px 54px rgba(0, 0, 0, .34);--shadow-soft: 0 10px 28px rgba(0, 0, 0, .24)}.topbar{height:72px;flex:none;display:grid;grid-template-columns:280px minmax(360px,1fr) 390px;align-items:center;gap:18px;padding:0 26px;background:#111722;color:#f7fafc;border-bottom:1px solid rgba(255,255,255,.08);position:relative;z-index:10;box-shadow:0 12px 32px #1117222e}.dark .topbar{background:#090c12;border-color:#1d2430}.brand{display:inline-flex;align-items:center;gap:12px;color:#fff;white-space:nowrap;width:fit-content}.brand-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:8px;color:#07110d;font-size:18px;font-weight:950;background:linear-gradient(135deg,#e8ffe9,#5df2a5 46%,#34c3ff);box-shadow:0 0 0 1px #ffffff57,0 14px 32px #35dc9142}.brand-copy{display:grid;gap:1px}.brand-copy span{font-size:18px;font-weight:900;letter-spacing:0}.brand-copy small{color:#91a0b5;font-size:11px;font-weight:800;text-transform:uppercase}.topnav{justify-self:center;display:inline-flex;align-items:center;gap:4px;min-width:0;padding:5px;border-radius:10px;background:#ffffff12;border:1px solid rgba(255,255,255,.08)}.nav-item{position:relative;min-height:36px;border:0;border-radius:8px;padding:0 14px;background:transparent;color:#aeb8c8;font-size:14px;font-weight:800}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff1c}.nav-item.active{box-shadow:inset 0 0 0 1px #ffffff14}.nav-text{position:relative;display:inline-flex}.nav-text i{width:7px;height:7px;border-radius:999px;background:#ff5a63;position:absolute;right:-9px;top:-4px;box-shadow:0 0 0 3px #ff5a6324}.top-actions{justify-self:end;display:flex;align-items:center;gap:8px;min-width:0}.icon-button,.mobile-icon{border:1px solid transparent;background:transparent;color:#aeb8c8;border-radius:8px;width:36px;height:36px;display:grid;place-items:center}.icon-button:hover,.mobile-icon:hover{color:#fff;background:#ffffff1a;border-color:#ffffff14}.mobile-icon{display:none}.points{height:36px;border:1px solid transparent;border-radius:8px;padding:0 12px;display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:850;white-space:nowrap}.points.ghost{color:#d9e0ec;background:#ffffff12;border-color:#ffffff14}.points.ghost:hover{background:#ffffff1f}.points.primary{color:#06100c;background:#62f2a7;border-color:#ffffff38;box-shadow:0 12px 28px #3be18d38}.points.primary:hover{background:#7effb9}.app-main{flex:1;min-height:0;overflow:hidden}.workbench{height:100%;min-height:0;display:grid;grid-template-columns:372px minmax(0,1fr);background:linear-gradient(90deg,rgba(18,24,34,.04),transparent 28%),#edf0f3}.dark .workbench{background:#0e1117}.image-panel{min-height:0;display:flex;flex-direction:column;border-right:1px solid var(--line);background:var(--panel);box-shadow:10px 0 28px #1b23300a}.panel-scroll{overflow-y:auto;padding:18px;flex:1;min-height:0}.panel-section{border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:12px;background:linear-gradient(180deg,#ffffffc7,#ffffff7a);box-shadow:0 1px #fff9}.dark .panel-section{background:linear-gradient(180deg,#ffffff09,#ffffff05);box-shadow:none}.panel-section.compact{padding:12px 14px}.section-title{margin:0 0 12px;color:var(--ink);font-size:13px;font-weight:950;display:flex;align-items:center;gap:8px}.section-title svg{color:var(--green)}.field{display:block;margin-bottom:11px}.field-label{display:block;padding:0 1px;margin-bottom:6px;color:var(--muted);font-size:11px;font-weight:850}.select-wrap{position:relative}.select-wrap select,.modal-field input,.prompt-input{width:100%;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:8px;outline:none;transition:border-color .14s ease,box-shadow .14s ease,background .14s ease}.select-wrap select{appearance:none;padding:10px 36px 10px 12px;font-size:13px;font-weight:750}.select-wrap svg{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--soft);pointer-events:none}.select-wrap select:focus,.modal-field input:focus,.prompt-input:focus{border-color:#2c6bed94;box-shadow:0 0 0 3px #2c6bed1f;background:var(--panel)}.segmented,.stepper{display:flex;gap:4px;padding:4px;border-radius:9px;background:#e7ebf0;border:1px solid rgba(20,23,31,.05)}.dark .segmented,.dark .stepper{background:#10151e;border-color:#2b3341}.segmented button,.stepper button{flex:1;min-height:31px;border:0;border-radius:7px;background:transparent;color:var(--muted);font-size:12px;font-weight:900}.segmented button.active,.stepper button.active{color:#fff;background:#182131;box-shadow:var(--shadow-soft)}.dark .segmented button.active,.dark .stepper button.active{background:#2c6bed}.ratio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.ratio-grid button{border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);min-height:42px;display:flex;align-items:center;justify-content:center;gap:6px;font-size:12px;font-weight:900}.ratio-grid button span{width:16px;border:1px solid currentColor;border-radius:2px;background:#ffffff4d}.ratio-grid button.active{border-color:#2c6bed8c;color:var(--blue);background:#2c6bed14}.cost-line,.hint{color:var(--amber);font-size:12px;font-weight:750}.cost-line span{margin-left:8px;color:var(--muted);font-weight:800}.hint{margin:-3px 0 10px;color:var(--muted);line-height:1.5}.upload-zone{width:100%;min-height:72px;border:1px dashed #aeb8c8;border-radius:10px;background:linear-gradient(135deg,#2c6bed0f,#22a06b0f),var(--panel-2);color:var(--muted);display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900}.upload-zone:hover{color:var(--blue);border-color:var(--blue);background:#2c6bed14}.hidden-input{display:none}.reference-grid{margin-top:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.reference-item{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#dfe4eb;box-shadow:inset 0 0 0 1px #ffffff80}.reference-item img{width:100%;height:100%;object-fit:cover;display:block}.reference-item button{position:absolute;top:4px;right:4px;width:22px;height:22px;border:0;border-radius:999px;display:grid;place-items:center;color:#fff;background:#101620d1}.row-between{display:flex;align-items:center;justify-content:space-between;gap:10px}.tiny-button,.refresh-button,.history-actions button,.link-button,.builder-actions button,.payment-result-actions button{min-height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;font-size:12px;font-weight:900}.tiny-button:hover,.refresh-button:hover,.history-actions button:hover:not(:disabled),.link-button:hover,.builder-actions button:hover:not(:disabled){border-color:#2c6bed5c;color:var(--blue)}.prompt-input{min-height:250px;resize:vertical;padding:13px;font-size:14px;line-height:1.65}.sample-row{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.sample-row button{border:1px solid var(--line);border-radius:8px;background:var(--panel);color:var(--muted);font-size:11px;min-height:31px;font-weight:900}.sample-row button:hover{color:var(--blue);border-color:#2c6bed5c}.generate-footer{flex:none;padding:14px 18px 18px;border-top:1px solid var(--line);background:#fbfcfef5;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.dark .generate-footer{background:#161b24f5}.generation-summary{display:flex;gap:6px;margin-bottom:10px}.generation-summary span{min-width:0;border:1px solid var(--line);border-radius:999px;padding:4px 8px;color:var(--muted);background:var(--panel-2);font-size:11px;font-weight:900}.error-line{padding:9px 10px;margin-bottom:10px;border-radius:8px;color:#9f2323;background:#fff1f1;border:1px solid #ffd0d0;font-size:12px;font-weight:750}.dark .error-line{color:#ffb7b7;background:#781a1a42;border-color:#ff787838}.generate-btn{width:100%;min-height:50px;border:0;border-radius:9px;color:#06100c;background:linear-gradient(135deg,#8dffbf,#47dfa0 52%,#35c2ff);box-shadow:0 18px 36px #25bf8042;font-weight:950;display:flex;align-items:center;justify-content:center;gap:8px;transition:transform .14s ease,box-shadow .14s ease,opacity .14s ease}.generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 24px 42px #25bf804d}.generate-btn:disabled{opacity:.55}.generate-btn.busy svg{animation:spin 1.2s linear infinite}.btn-cost{font-size:12px;opacity:.76}.preview-panel{min-width:0;min-height:0;background:transparent}.preview-scroll{height:100%;overflow-y:auto;padding:22px;display:flex;flex-direction:column}.preview-toolbar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.preview-toolbar h2{margin:2px 0 0;font-size:22px;line-height:1.1;letter-spacing:0}.eyebrow{color:var(--green);font-size:11px;font-weight:950;text-transform:uppercase}.preview-stats{display:flex;gap:8px;min-width:0}.preview-stats span{border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--muted);background:#ffffffa8;font-size:12px;font-weight:900}.dark .preview-stats span{background:#ffffff0a}.preview-stage{flex:1;min-height:440px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(45deg,rgba(25,32,44,.045) 25%,transparent 25%,transparent 75%,rgba(25,32,44,.045) 75%),linear-gradient(45deg,rgba(25,32,44,.045) 25%,transparent 25%,transparent 75%,rgba(25,32,44,.045) 75%),#f8fafc;background-position:0 0,12px 12px;background-size:24px 24px;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;box-shadow:var(--shadow)}.preview-stage.has-image{background:#111722;padding:18px}.dark .preview-stage{background-color:#10151d}.preview-stage img{width:100%;height:100%;max-height:68vh;object-fit:contain;display:block;border-radius:8px}.preview-meta{position:absolute;left:28px;bottom:28px;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:#fff;background:#0a0e15b8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 14px 30px #0000003d;font-size:12px;font-weight:900}.preview-meta span{color:#86efac}.empty-preview{text-align:center;color:var(--muted);padding:20px}.empty-preview h3{margin:18px 0 8px;color:var(--ink);font-size:19px}.empty-preview p{max-width:380px;margin:0 auto;font-size:14px}.empty-icon,.placeholder-icon{width:82px;height:82px;border-radius:12px;display:grid;place-items:center;margin:0 auto;color:var(--blue);background:#2c6bed17;box-shadow:inset 0 0 0 1px #2c6bed24}.pulse{animation:pulse 1.4s ease-in-out infinite}.task-panel,.history-panel{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:#fbfcfebd;box-shadow:var(--shadow-soft)}.dark .task-panel,.dark .history-panel{background:#ffffff09}.task-panel{padding:14px}.task-panel-head,.history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.task-panel-head h3,.history-title h3{margin:2px 0 0;font-size:16px;line-height:1.2}.task-panel-head>span,.history-title small{flex:none;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:var(--muted);background:var(--panel-2);font-size:11px;font-weight:900}.task-strip{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(158px,1fr));gap:10px}.task-pill{min-width:0;border-radius:9px;padding:11px;color:var(--muted);background:var(--panel);border:1px solid var(--line);display:grid;grid-template-columns:10px minmax(0,1fr);align-items:center;gap:10px;font-size:12px;font-weight:900}.task-status-dot{width:10px;height:10px;border-radius:999px;background:var(--soft)}.task-pill strong{display:block;color:var(--ink);line-height:1.2}.task-pill small{display:block;margin-top:3px;color:var(--soft);font-size:10px;letter-spacing:.04em}.task-pill.processing{border-color:#2c6bed47;background:#2c6bed14}.task-pill.processing .task-status-dot{background:var(--blue);box-shadow:0 0 0 4px #2c6bed1f}.task-pill.success{border-color:#22a06b3d;background:#22a06b14}.task-pill.success .task-status-dot{background:var(--green)}.task-pill.error{border-color:#d43d3d3d;background:#d43d3d14}.task-pill.error .task-status-dot{background:var(--red)}.history-title{display:flex;align-items:center;gap:10px;color:var(--ink)}.history-panel{padding:14px}.history-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.history-actions button:disabled{opacity:.4}.history-actions .success{border-color:#22a06b2e;background:var(--green);color:#fff}.history-actions .danger{border-color:#d43d3d2e;background:var(--red);color:#fff}.history-actions .link-button{color:var(--blue);background:transparent}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:14px;margin-top:14px;max-height:360px;overflow-y:auto;padding:2px 4px 4px 0}.history-card{position:relative;border:2px solid transparent;border-radius:10px;padding:0;overflow:hidden;background:#dfe4eb;aspect-ratio:1;text-align:left;box-shadow:var(--shadow-soft);min-width:0}.history-card:hover,.history-card.selected{border-color:#61dca2}.history-card img{width:100%;height:100%;object-fit:cover;display:block}.history-card span{position:absolute;left:7px;right:7px;bottom:7px;min-height:22px;border-radius:7px;padding:5px 7px;color:#fff;background:linear-gradient(180deg,transparent,rgba(0,0,0,.74));text-shadow:0 1px 6px rgba(0,0,0,.7);font-size:11px;font-weight:950;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card i{display:none;position:absolute;top:7px;right:7px;width:13px;height:13px;border:2px solid #ffffff;border-radius:999px;background:#61dca2}.history-card.selected i{display:block}.history-empty{text-align:center;color:var(--soft);margin:20px 0 4px;font-size:12px}.prompt-page{height:100%;display:grid;grid-template-columns:270px 1fr;background:#f7f8fa}.dark .prompt-page{background:#111827}.prompt-sidebar{position:relative;border-right:1px solid var(--line);background:var(--panel);padding:24px}.prompt-sidebar h2{margin:0 0 20px;display:flex;align-items:center;gap:8px;font-size:18px}.prompt-sidebar h3{margin:30px 0 14px;font-size:16px}.prompt-menu{width:100%;min-height:42px;border:1px solid transparent;border-radius:9px;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 12px;font-size:13px;font-weight:900}.prompt-menu.active{justify-content:flex-start;color:#16a34a;background:#22c55e1a;border-color:#22c55e2e}.prompt-menu.muted:hover{background:var(--panel-2)}.prompt-menu .chevron{transition:transform .18s ease}.prompt-menu .chevron.open{transform:rotate(180deg)}.prompt-group-list{display:grid;gap:12px}.prompt-submenu{margin:8px 0 0 16px;display:grid;gap:4px;padding-left:12px;border-left:1px solid var(--line)}.prompt-submenu button{border:0;background:transparent;color:var(--muted);display:flex;align-items:center;gap:8px;min-height:28px;text-align:left;font-size:12px}.prompt-submenu span{width:18px;height:18px;border-radius:999px;display:grid;place-items:center;background:var(--panel-2);color:var(--soft);font-size:10px;font-weight:900}.data-source{position:absolute;left:24px;right:24px;bottom:22px;color:var(--soft);font-size:12px}.prompt-content{overflow-y:auto;padding:34px 40px}.prompt-content>header,.prompt-builder{max-width:980px;margin-left:auto;margin-right:auto}.prompt-content>header{margin-bottom:24px}.prompt-content h1{margin:0 0 6px;font-size:30px;line-height:1.16}.prompt-content p{margin:0;color:var(--muted)}.prompt-builder{border:1px solid var(--line);border-radius:16px;padding:18px;background:linear-gradient(135deg,rgba(240,253,244,.88),var(--panel) 48%);box-shadow:var(--shadow-soft)}.builder-top{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.builder-top strong{font-size:14px}.builder-top p{margin-top:4px;font-size:12px}.steps{flex:none;display:flex;gap:4px;padding:4px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2)}.steps button{border:0;border-radius:7px;background:transparent;color:var(--muted);padding:7px 10px;font-size:11px;font-weight:900}.steps button.active{color:#fff;background:#16a34a}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:18px}.category-card{min-height:94px;border:1px solid var(--line);border-radius:12px;background:#ffffffad;color:var(--ink);padding:12px;text-align:left;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.category-card:hover{transform:translateY(-1px);border-color:#22c55e4d;box-shadow:var(--shadow-soft)}.category-card strong{display:block;font-size:13px;margin-bottom:6px}.category-card span{display:block;color:var(--muted);font-size:11px;line-height:1.5}.category-card.active{border-color:#22c55e85;background:#fff}.prompt-form-grid,.prompt-output-grid{margin-top:18px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.prompt-choice-stack{margin-top:18px;display:grid;gap:14px}.prompt-input-field{display:grid;gap:7px}.prompt-input-field.wide{grid-column:1 / -1}.prompt-input-field span{color:var(--muted);font-size:12px;font-weight:900}.prompt-input-field input,.prompt-input-field textarea{width:100%;border:1px solid var(--line);border-radius:10px;background:#ffffffbd;color:var(--ink);outline:none;padding:11px 12px;font-size:13px}.prompt-input-field textarea{min-height:94px;resize:vertical}.prompt-input-field input:focus,.prompt-input-field textarea:focus{border-color:#22c55e8c;box-shadow:0 0 0 3px #22c55e1a}.prompt-chip-grid,.prompt-ratio-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.prompt-chip-grid button,.prompt-ratio-row button{border:1px solid var(--line);border-radius:999px;background:#ffffffad;color:var(--muted);padding:8px 11px;font-size:12px;font-weight:800}.prompt-chip-grid button.active,.prompt-ratio-row button.active{color:#15803d;border-color:#22c55e73;background:#22c55e1f}.prompt-preview{margin-top:16px;border:1px solid var(--line);border-radius:12px;background:#ffffffc7;padding:12px}.prompt-preview span{color:var(--soft);font-size:12px}.prompt-preview textarea{width:100%;min-height:140px;margin-top:10px;resize:vertical;border:0;outline:none;background:transparent;color:inherit;font-size:13px;line-height:1.65}.builder-actions{margin-top:16px;display:flex;justify-content:flex-end;gap:10px}.builder-actions button.primary,.payment-result-actions button.primary{border:0;color:#fff;background:#16a34a}.builder-actions button.primary.subtle{background:#182131}.builder-actions button:disabled{color:var(--soft)}.dark .prompt-builder{background:linear-gradient(135deg,rgba(20,83,45,.16),var(--panel) 48%)}.dark .category-card,.dark .prompt-input-field input,.dark .prompt-input-field textarea,.dark .prompt-chip-grid button,.dark .prompt-ratio-row button,.dark .prompt-preview{background:#2a2f3ac7}.dark .category-card.active{background:#22c55e1f}.dark .prompt-chip-grid button.active,.dark .prompt-ratio-row button.active{color:#86efac;background:#22c55e24}.prompt-presets{max-width:1120px;margin:0 auto}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preset-card{border:1px solid var(--line);border-radius:14px;background:var(--panel);padding:16px;box-shadow:var(--shadow-soft);display:flex;flex-direction:column;min-height:292px}.preset-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.preset-card-top span,.preset-card-top small{border-radius:999px;padding:5px 8px;background:#22c55e1a;color:#15803d;font-size:11px;font-weight:900}.preset-card-top small{background:var(--panel-2);color:var(--soft)}.preset-card h2{margin:14px 0 8px;font-size:16px}.preset-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.preset-actions{margin-top:auto;display:flex;gap:8px;padding-top:14px}.preset-actions button{flex:1;min-height:36px;border:1px solid var(--line);border-radius:9px;background:var(--panel-2);color:var(--ink);display:inline-flex;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:900}.preset-actions button.primary{border:0;color:#fff;background:#16a34a}.logs-page{height:100%;overflow-y:auto;padding:34px;max-width:980px;margin:0 auto}.logs-page h1{margin:0 0 24px;font-size:28px}.log-list{display:grid;gap:14px}.log-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:20px;box-shadow:var(--shadow-soft)}.log-card h2{margin:0 0 8px;font-size:18px}.log-card p{margin:0 0 12px;color:var(--muted)}.log-card time{color:var(--soft);font-size:12px}.placeholder-page{height:100%;display:grid;place-content:center;text-align:center;gap:10px;color:var(--muted)}.placeholder-page h1{margin:12px 0 0;color:var(--ink)}.payment-result-page{min-height:100%;display:grid;place-items:center;padding:24px;background:#edf0f3}.dark .payment-result-page{background:#0e1117}.payment-result-card,.auth-modal,.recharge-modal{border:1px solid var(--line);border-radius:12px;background:var(--panel);box-shadow:var(--shadow)}.payment-result-card{width:min(500px,100%);padding:28px;text-align:center}.payment-result-icon{width:80px;height:80px;margin:0 auto 16px;border-radius:12px;display:grid;place-items:center;color:var(--green);background:#22a06b1a}.payment-result-card.error .payment-result-icon,.payment-result-card.login .payment-result-icon{color:var(--red);background:#d43d3d1a}.payment-result-card.pending .payment-result-icon,.payment-result-card.loading .payment-result-icon{color:var(--amber);background:#c47a151a}.payment-result-card h1{margin:0 0 8px;font-size:24px}.payment-result-card p{margin:0;color:var(--muted);font-size:14px}.payment-result-detail{margin-top:20px;border:1px solid var(--line);border-radius:10px;padding:12px;display:grid;grid-template-columns:80px 1fr;gap:8px 12px;text-align:left;font-size:13px;background:var(--panel-2)}.payment-result-detail span{color:var(--soft)}.payment-result-detail strong{min-width:0;overflow-wrap:anywhere;color:var(--ink)}.payment-result-actions{margin-top:22px;display:flex;justify-content:center;gap:10px}.modal-backdrop{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:18px;background:#0c111a8a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-modal,.recharge-modal{width:min(440px,100%);padding:18px}.recharge-modal{width:min(720px,100%)}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:18px}.modal-head h2{margin:0;font-size:20px}.modal-head p{margin:5px 0 0;color:var(--muted);font-size:13px}.modal-head button{flex:none;width:32px;height:32px;border:1px solid var(--line);border-radius:8px;background:var(--panel-2);color:var(--muted);display:grid;place-items:center}.modal-field{display:block;margin-bottom:12px}.modal-field span{display:block;margin-bottom:6px;color:var(--muted);font-size:13px;font-weight:850}.modal-field input{min-height:42px;padding:0 12px}.code-field div{display:grid;grid-template-columns:1fr 124px;gap:8px}.code-field button,.modal-primary{min-height:42px;border:0;border-radius:8px;color:#fff;background:var(--blue);font-weight:950}.code-field button:disabled,.modal-primary:disabled{opacity:.55}.modal-primary{width:100%;margin-top:4px}.modal-message{border-radius:9px;margin:10px 0;padding:9px 10px;color:var(--green-2);background:#22a06b1a;border:1px solid rgba(34,160,107,.2);font-size:13px;font-weight:750}.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.package-card{min-height:156px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#2c6bed0f,#22a06b14),var(--panel-2);color:var(--ink);padding:15px;display:flex;flex-direction:column;align-items:flex-start;text-align:left}.package-card:hover{border-color:#2c6bed66;box-shadow:var(--shadow-soft)}.package-card strong{font-size:15px}.package-card span{margin-top:12px;font-size:24px;font-weight:950}.package-card em{margin-top:4px;color:var(--green-2);font-style:normal;font-weight:950}.package-card p{margin:8px 0 0;color:var(--soft);font-size:12px;line-height:1.45}.package-card small{margin-top:auto;padding-top:12px;color:var(--muted);font-size:12px;font-weight:850}.disabled-panel{opacity:.86}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{opacity:.55;transform:scale(.98)}}@media(max-width:1180px){.topbar{grid-template-columns:240px minmax(260px,1fr) auto;padding:0 18px}.brand-copy small,.points.ghost span{display:none}.workbench{grid-template-columns:340px minmax(0,1fr)}}@media(max-width:900px){.app{height:auto;min-height:100vh;overflow:auto}.topbar{min-height:64px;height:auto;grid-template-columns:auto 1fr auto;gap:10px}.mobile-icon{display:grid}.brand{justify-self:center}.brand-copy span{font-size:15px}.brand-mark,.topnav,.top-actions .points,.top-actions .icon-button{display:none}.app-main{overflow:visible}.workbench,.prompt-page{height:auto;min-height:calc(100vh - 64px);grid-template-columns:1fr}.image-panel{border-right:0;border-bottom:1px solid var(--line)}.preview-scroll{min-height:640px;padding:16px}.preview-toolbar,.history-head,.builder-top{flex-direction:column;align-items:stretch}.history-actions{flex-wrap:wrap;justify-content:flex-start}.prompt-sidebar{display:none}.prompt-content{padding:24px 16px}.category-grid{grid-template-columns:repeat(2,1fr)}.preset-grid,.prompt-form-grid,.prompt-output-grid,.package-grid{grid-template-columns:1fr}.steps,.preview-stats{overflow-x:auto}}@media(max-width:540px){.panel-scroll,.preview-scroll{padding:12px}.category-grid,.sample-row{grid-template-columns:1fr}.builder-actions,.preset-actions{flex-wrap:wrap}.ratio-grid{grid-template-columns:repeat(2,1fr)}.reference-grid{grid-template-columns:repeat(3,1fr)}.task-strip,.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-grid{max-height:none}}