:root{--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--color-canvas: #eaf2f9;--color-surface: rgba(255, 255, 255, .76);--color-surface-strong: rgba(255, 255, 255, .9);--color-surface-muted: rgba(230, 239, 247, .66);--color-text: #102139;--color-text-secondary: #607188;--color-text-tertiary: #8592a4;--color-border: rgba(91, 119, 151, .2);--color-border-strong: rgba(80, 116, 151, .34);--color-accent: #148f87;--color-accent-hover: #0d766f;--color-accent-soft: rgba(218, 248, 243, .78);--color-accent-border: rgba(76, 187, 183, .66);--color-danger: #c4362b;--color-warning: #9a6700;--color-info: #2667c9;--radius-1: 8px;--radius-2: 13px;--radius-3: 18px;--radius-4: 24px;--radius-round: 999px;--shadow-control: 0 8px 22px rgba(43, 68, 96, .075);--shadow-panel: 0 20px 48px rgba(42, 67, 96, .1), 0 4px 14px rgba(42, 67, 96, .055);--shadow-float: 0 30px 80px rgba(38, 62, 91, .14), 0 8px 24px rgba(46, 72, 101, .08);--blur-control: 18px;--blur-panel: 28px;--blur-shell: 36px;--app-bg: var(--ds-canvas-1);--surface: var(--color-surface);--surface-subtle: var(--ds-glass-primary);--surface-muted: var(--color-surface-muted);--text: var(--color-text);--text-secondary: var(--color-text-secondary);--text-tertiary: var(--color-text-tertiary);--border: var(--color-border);--border-strong: var(--color-border-strong);--accent: var(--color-accent);--accent-hover: var(--color-accent-hover);--accent-soft: var(--color-accent-soft);--accent-border: var(--color-accent-border);--danger: var(--color-danger);--warning: var(--color-warning);--blue: var(--color-info);--radius-sm: var(--radius-2);--radius-md: var(--ds-radius-card);--radius-lg: var(--ds-radius-panel);--shadow-sm: var(--shadow-control);--shadow-md: var(--shadow-panel);--ds-canvas-0: #f7f9fd;--ds-canvas-1: #eaf2f9;--ds-canvas-2: #e8f1f4;--ds-cyan: #55d9dd;--ds-teal: #28ad9d;--ds-blue: #72aef5;--ds-lavender: #a99aef;--ds-ink-strong: var(--color-text);--ds-ink: #25384f;--ds-ink-muted: var(--color-text-secondary);--ds-ink-faint: var(--color-text-tertiary);--ds-glass-primary: rgba(255, 255, 255, .68);--ds-glass-secondary: var(--color-surface);--ds-glass-control: rgba(255, 255, 255, .58);--ds-glass-hover: rgba(255, 255, 255, .86);--ds-glass-border: rgba(255, 255, 255, .56);--ds-glass-border-bright: rgba(255, 255, 255, .9);--ds-line: var(--color-border);--ds-line-strong: var(--color-border-strong);--ds-radius-shell: 28px;--ds-radius-panel: var(--radius-4);--ds-radius-card: var(--radius-3);--ds-radius-control: var(--radius-2);--ds-space-1: 6px;--ds-space-2: 10px;--ds-space-3: 14px;--ds-space-4: 18px;--ds-space-5: var(--space-6);--ds-blur-shell: var(--blur-shell);--ds-blur-panel: var(--blur-panel);--ds-blur-control: var(--blur-control);--ds-shadow-float: var(--shadow-float);--ds-shadow-panel: var(--shadow-panel);--ds-shadow-control: var(--shadow-control);--ds-highlight: inset 0 1px 0 rgba(255, 255, 255, .96), inset 1px 0 0 rgba(255, 255, 255, .48);--ds-selected-fill: linear-gradient(135deg, rgba(218, 251, 247, .9), rgba(224, 239, 255, .88));--ds-selected-border: var(--color-accent-border);--ds-selected-glow: 0 0 0 1px rgba(95, 198, 194, .18), 0 14px 32px rgba(58, 145, 157, .16), inset 0 0 24px rgba(94, 213, 202, .1);--clarity-surface: rgba(255, 255, 255, .84);--clarity-surface-soft: rgba(248, 251, 254, .78);--clarity-border: rgba(255, 255, 255, .82);--clarity-line: rgba(113, 139, 166, .24);--clarity-shadow: 0 14px 36px rgba(42, 67, 94, .09), 0 3px 10px rgba(42, 67, 94, .04);--column-glass: linear-gradient(145deg, rgba(255, 255, 255, .9), rgba(242, 248, 252, .8));--column-border: rgba(255, 255, 255, .88);--column-shadow: 0 18px 44px rgba(45, 70, 98, .095), 0 4px 14px rgba(45, 70, 98, .045), inset 0 1px 0 rgba(255, 255, 255, .98);--glass-highlight: rgba(255, 255, 255, .78);--glass-panel: rgba(255, 255, 255, .54)}:root{color:#242424;background:#f5f6f8;font-family:Microsoft YaHei UI,Microsoft YaHei,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:960px;min-height:100vh}button,input,textarea,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 14px;border:0;border-radius:8px;background:#176c5f;color:#fff;font-weight:800;cursor:pointer}button.secondary{border:1px solid #d7dde5;background:#fff;color:#263238}button:disabled{cursor:not-allowed;opacity:.6}input{width:100%;height:42px;padding:0 12px;border:1px solid #d7dde5;border-radius:8px;background:#fff;color:#242424;outline:none}textarea,select{width:100%;border:1px solid #d7dde5;border-radius:8px;background:#fff;color:#242424;outline:none}textarea{min-height:108px;resize:vertical;padding:12px;line-height:1.55}select{height:42px;padding:0 12px}input:focus,textarea:focus,select:focus{border-color:#176c5f;box-shadow:0 0 0 3px #176c5f24}label{display:grid;gap:7px}label span{color:#5c6773;font-size:13px;font-weight:800}h1,h2,h3,p{margin:0}.cloud-shell{min-height:100vh;padding:24px;background:#f5f6f8}.cloud-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.cloud-topbar h1{font-size:30px;letter-spacing:0}.eyebrow{margin-bottom:6px;color:#176c5f;font-size:12px;font-weight:900;text-transform:uppercase}.status{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #d7dde5;border-radius:8px;background:#fff;color:#5c6773;font-weight:800}.status-ok{border-color:#86c7ba;background:#eefaf7;color:#176c5f}.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:24px;align-items:stretch}.auth-copy,.auth-panel,.account-panel,.recharge-panel,.generation-panel{border:1px solid #dfe5ec;border-radius:8px;background:#fff;box-shadow:0 16px 40px #212b3612}.auth-copy{display:grid;align-content:center;gap:14px;min-height:540px;padding:42px}.auth-copy h2{max-width:660px;font-size:42px;line-height:1.12;letter-spacing:0}.auth-copy p{max-width:620px;color:#5c6773;font-size:16px;line-height:1.7}.auth-panel,.account-panel,.recharge-panel,.generation-panel{display:grid;align-content:start;gap:14px;padding:18px}.panel-head{display:flex;align-items:center;gap:9px;color:#263238}.panel-head h2{font-size:18px}.status-line{min-height:44px;padding:12px 14px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc;color:#5c6773;line-height:1.45}.dashboard{display:grid;grid-template-columns:240px minmax(0,1fr);align-items:start;gap:16px}.account-panel{align-self:start;height:fit-content;position:sticky;top:16px}.account-panel .panel-head{min-height:28px}.account-panel .status-line{min-height:0;padding:9px 10px;font-size:12px}.account-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 12px;padding:12px;border-radius:8px;background:#eefaf7;color:#176c5f}.account-card span,.account-card small{font-size:12px;font-weight:800}.account-card strong{grid-row:1 / span 2;grid-column:2;font-size:28px;line-height:1}.account-meta{display:grid;gap:5px;color:#5c6773;font-size:12px;line-height:1.4}.dashboard-nav{display:grid;gap:8px;padding:10px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.nav-button{justify-content:flex-start;min-height:38px;padding:0 10px;border:1px solid transparent;background:transparent;color:#34424f}.nav-button:hover,.nav-button.selected{border-color:#cde5df;background:#eefaf7;color:#176c5f}.side-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.package-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.package-card{display:grid;gap:8px;padding:14px;border:1px solid #dfe5ec;border-radius:8px;background:#f8fafc}.package-card span{color:#5c6773;font-size:13px;font-weight:800}.package-card strong{font-size:24px;color:#263238}.package-card small{color:#176c5f;font-size:14px;font-weight:900}.custom-recharge{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:end;gap:12px;padding:14px;border:1px dashed #c3ccd6;border-radius:8px;background:#f8fafc}.custom-recharge label{display:grid;gap:6px}.custom-recharge label span{color:#5c6773;font-size:13px;font-weight:800}.custom-recharge input{padding:9px 11px;border:1px solid #cfd6de;border-radius:7px;font-size:15px}.custom-recharge-info{display:grid;gap:2px;text-align:right}.custom-recharge-info strong{font-size:20px;color:#263238}.custom-recharge-info small{color:#176c5f;font-size:12px;font-weight:800}.pay-box{display:grid;grid-template-columns:250px minmax(0,1fr);gap:18px;padding:16px;border:1px solid #dfe5ec;border-radius:8px;background:#fff}.pay-qr{display:grid;place-items:center;min-height:250px;border:1px solid #dfe5ec;border-radius:8px;background:#f8fafc}.pay-qr img{width:220px;height:220px}.pay-info{display:grid;align-content:center;gap:12px}.pay-info h3{font-size:24px}.pay-info p{color:#5c6773;line-height:1.6}.pay-info code{overflow-wrap:anywhere;padding:10px;border-radius:8px;background:#f0f3f7;color:#34424f;font-family:Consolas,Courier New,monospace;font-size:12px}.orders{display:grid;gap:10px}.orders h3{font-size:16px}.order-list{display:grid;gap:8px}.order-row{display:grid;grid-template-columns:90px minmax(0,1fr) 90px;align-items:center;gap:12px;padding:10px 12px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.order-row span{color:#176c5f;font-size:12px;font-weight:900;text-transform:uppercase}.order-row strong,.order-row small{color:#34424f;font-weight:800}.empty-text{padding:16px;border:1px dashed #d7dde5;border-radius:8px;color:#7a8794;text-align:center}.generation-panel{grid-column:2}.admin-panel{grid-column:2;display:grid;gap:16px;padding:18px;border:1px solid #dfe5ec;border-radius:8px;background:#fff;box-shadow:0 16px 40px #212b3612}.admin-metrics{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.admin-metrics div{display:grid;gap:4px;min-width:0;padding:12px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.admin-metrics span,.admin-row span,.admin-row small{overflow:hidden;color:#5c6773;font-size:12px;font-weight:800;text-overflow:ellipsis;white-space:nowrap}.admin-metrics strong{color:#263238;font-size:24px;line-height:1}.admin-section{display:grid;gap:10px}.admin-section h3{font-size:16px}.provider-key-section-head,.provider-key-bulk-actions,.provider-key-bulk-actions label{display:flex;align-items:center}.provider-key-section-head{justify-content:space-between;gap:16px}.provider-key-bulk-actions{gap:12px;color:#667085;font-size:12px}.provider-key-bulk-actions label{gap:6px;cursor:pointer}.provider-form{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 110px;gap:10px;padding:12px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.provider-key-paste{grid-column:1 / -2;min-height:88px}.admin-table{display:grid;gap:8px}.admin-row{display:grid;grid-template-columns:88px minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:12px;min-width:0;padding:10px 12px;border:1px solid #e4e9ef;border-radius:8px;background:#fff}.admin-row strong{overflow:hidden;color:#263238;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.admin-user-row{grid-template-columns:88px minmax(0,1.35fr) minmax(0,.9fr) minmax(90px,.7fr) minmax(190px,auto)}.provider-key-row{grid-template-columns:22px 72px minmax(0,1.2fr) minmax(0,1.2fr) minmax(0,1fr) auto}.provider-key-delete{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:34px;padding:0 11px;border:1px solid #efc6c2;border-radius:7px;background:#fff7f6;color:#b42318;font-size:12px}.provider-key-delete:hover:not(:disabled){border-color:#d92d20;background:#fff0ee}.generation-form{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:14px;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc}.prompt-field{grid-column:1 / -1}.reference-panel{grid-column:1 / -1;display:grid;gap:10px;padding:12px;border:1px solid #dfe5ec;border-radius:8px;background:#fff}.reference-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.reference-copy span{color:#5c6773;font-size:13px;font-weight:900}.reference-copy{display:grid;gap:3px}.reference-head small{color:#7a8794;font-size:12px;line-height:1.35}.upload-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;width:104px;min-height:36px;padding:0 12px;border-radius:8px;background:#176c5f;color:#fff;font-size:13px;font-weight:900;overflow:hidden;white-space:nowrap}.upload-control svg,.upload-control span{position:relative;z-index:1;flex:0 0 auto;color:#fff;pointer-events:none}.reference-file-input{position:absolute;inset:0;z-index:2;display:block;width:100%;height:100%;font-size:0;opacity:0;cursor:pointer}.reference-file-input:disabled{cursor:not-allowed}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(136px,1fr));gap:10px}.reference-card{position:relative;display:grid;min-width:0;border:1px solid #dfe5ec;border-radius:8px;overflow:hidden;background:#f8fafc}.reference-preview{width:100%;aspect-ratio:1;overflow:hidden;background:transparent}.reference-preview img{width:100%;height:100%;object-fit:cover}.reference-role-select{height:36px;border:0;border-top:1px solid #e4e9ef;border-radius:0 0 6px 6px;background:#fff;color:#34424f;font-size:12px;font-weight:900}.icon-button{position:absolute;top:6px;right:6px;width:28px;min-height:28px;padding:0;border:1px solid rgba(255,255,255,.7);border-radius:8px;background:#263238db;color:#fff}.cost-note{align-self:center;color:#5c6773;font-weight:700}.jobs{display:grid;gap:10px}.jobs h3{font-size:16px}.job-list{display:grid;gap:10px}.job-row{display:grid;grid-template-columns:minmax(0,1fr) 132px;gap:12px;padding:12px;border:1px solid #e4e9ef;border-radius:8px;background:#fff}.job-row strong{display:block;margin:6px 0;color:#263238}.job-row p,.job-row small{overflow-wrap:anywhere;color:#5c6773;line-height:1.5}.job-status{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:#eef2f6;color:#5c6773;font-size:12px;font-weight:900}.job-status.succeeded{background:#eefaf7;color:#176c5f}.job-status.failed{background:#fff0f0;color:#b42318}.job-status.partially_failed{background:#fff7e8;color:#a45f00}.job-status.running,.job-status.pending{background:#edf4ff;color:#1b5aa9}.job-meta{display:grid;align-content:start;gap:6px}.job-meta span{min-height:28px;padding:5px 8px;border-radius:8px;background:#f8fafc;color:#34424f;font-size:12px;font-weight:900;text-align:center}.asset-links{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.asset-links a{min-height:30px;padding:6px 10px;border-radius:8px;background:#eefaf7;color:#176c5f;font-size:12px;font-weight:900;text-decoration:none}.studio-panel{padding:0;overflow:hidden}.studio-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px;border-bottom:1px solid #e4e9ef;background:#fff}.studio-head h2{font-size:22px}.studio-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0;min-height:720px}.studio-controls,.studio-results{display:grid;align-content:start;gap:14px;padding:18px}.studio-controls{border-bottom:1px solid #e4e9ef;background:#fbfcfe}.control-block,.result-preview{display:grid;gap:10px}.control-block h3,.result-preview h3,.jobs h3{font-size:15px;color:#263238}.block-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.block-title-row>span{color:#7a8794;font-size:12px;font-weight:900}.result-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.result-actions>span{color:#7a8794;font-size:12px;font-weight:900;white-space:nowrap}.result-actions button{display:inline-flex;align-items:center;gap:6px;min-height:34px;padding:6px 10px;border:1px solid #d5dde3;border-radius:6px;background:#fff;color:#263238;cursor:pointer}.result-actions button:disabled{cursor:not-allowed;opacity:.5}.save-folder-path{display:block;margin:-4px 0 10px;color:#7a8794;overflow-wrap:anywhere}.important-note{color:#176c5f;font-size:13px;font-weight:950;line-height:1.45}.ecommerce-title-row{display:flex;align-items:center;justify-content:flex-start;gap:14px}.ecommerce-title-row h3{flex:0 0 auto}.prompt-actions{display:flex;align-items:center;gap:10px}.prompt-actions span{color:#7a8794;font-size:12px;font-weight:900}.mini-action-button{min-height:30px;padding:0 10px;font-size:12px}.platform-group{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.platform-button{display:grid;gap:4px;min-height:66px;padding:10px;border:1px solid #d7dde5;background:#fff;color:#34424f;text-align:left}.platform-button strong{font-size:14px;color:#263238}.platform-button span{color:#7a8794;font-size:12px;font-weight:800;line-height:1.35}.platform-button.selected{border-color:#176c5f;background:#eefaf7;box-shadow:0 0 0 3px #176c5f1f}.studio-prompt{min-height:136px}.prompt-rule-note{color:#176c5f;font-size:12px;font-weight:900;line-height:1.45}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.check-line{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:38px;padding:8px 10px;border:1px solid #dfe5ec;border-radius:8px;background:#fff;color:#34424f;font-size:13px;font-weight:800}.check-line label{display:flex;grid-template-columns:none;align-items:center;gap:8px;min-width:0;color:#34424f}.check-line input[type=checkbox]{width:16px;height:16px;padding:0}.output-quantity-input{width:64px;height:30px;padding:0 8px;text-align:center}.size-picker{position:relative;display:grid;grid-template-columns:minmax(140px,180px) minmax(0,1fr) 40px minmax(0,1fr);align-items:start;gap:12px;max-width:640px}.size-dropdown-wrap{display:grid;gap:10px;min-width:140px}.size-dropdown-trigger,.size-number-input{width:100%;height:42px;border:1px solid #dfe5ec;border-radius:8px;background:#f3f6fa;color:#263238;font-size:14px;font-weight:850}.size-dropdown-trigger{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 12px}.size-number-input{padding:0 12px;text-align:right;min-width:0;min-width:100px}.size-lock-button{display:grid;place-items:center;width:40px;height:40px;border:0;background:transparent;color:#263238;padding:0}.size-menu{grid-column:1 / 2;z-index:20;width:100%;padding:14px 0;border:1px solid rgba(224,231,238,.92);border-radius:10px;background:#ffffffeb;box-shadow:0 14px 34px #17222d29}.size-menu-title{padding:0 16px 12px;color:#263238;font-size:14px;font-weight:950}.size-custom-label{flex:1 1 auto;white-space:nowrap}.size-custom-row,.size-menu-row{width:100%;min-height:40px;border:0;border-radius:0;background:transparent;color:#263238;font-size:14px;text-align:left;white-space:nowrap}.size-menu button.size-custom-row,.size-menu button.size-menu-row{background:#ffffffeb;color:#263238;border-radius:0;box-shadow:none;padding-inline:14px}.size-custom-row{display:flex;align-items:center;justify-content:space-between;padding:0 18px;color:#263238;font-weight:900}.size-menu-row{display:flex;align-items:center;gap:8px;padding:0 14px}.size-menu-row:hover,.size-custom-row:hover,.size-menu-row.selected{background:#fffffffa}.size-menu-row strong{flex:0 0 auto;font-size:14px;font-weight:900}.size-menu-row small{flex:0 0 auto;color:#8592a3;font-size:12px;font-weight:800;white-space:nowrap}.output-plan{display:grid;gap:10px;padding:12px;border:1px solid #cde5df;border-radius:8px;background:#eefaf7}.output-plan-title{display:flex;align-items:center;justify-content:flex-start;gap:12px}.output-plan h3{font-size:15px}.output-plan strong{color:#176c5f;font-size:26px;font-weight:950;line-height:1}.output-plan-title span{min-height:28px;padding:6px 10px;border-radius:8px;background:#fff;color:#176c5f;font-size:13px;font-weight:950}.output-plan small{color:#5c6773;font-size:12px;font-weight:800}.output-chip-list{display:flex;flex-wrap:wrap;gap:8px}.output-chip-list span{min-height:28px;padding:6px 9px;border-radius:8px;background:#fff;color:#34424f;font-size:12px;font-weight:900}.generate-button{width:100%;min-height:52px;font-size:16px}.result-preview{min-height:360px;padding:14px;border:1px solid #e4e9ef;border-radius:8px;background:#fff}.result-group-list{display:grid;gap:14px}.result-group{display:grid;gap:10px}.result-group-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 10px;border-radius:8px;background:#f4f7fa}.result-group-head strong{color:#263238;font-size:14px;font-weight:950}.result-group-head span{color:#7a8794;font-size:12px;font-weight:900}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.result-grid a,.asset-thumbs a{position:relative;display:block;overflow:hidden;border:1px solid #e4e9ef;border-radius:8px;background:#f8fafc;color:#fff;text-decoration:none}.result-grid img,.asset-thumbs img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.result-grid span{position:absolute;right:8px;bottom:8px;min-height:26px;padding:5px 8px;border-radius:8px;background:#263238db;font-size:12px;font-weight:900}.result-empty{display:grid;place-items:center;align-content:center;gap:10px;min-height:300px;padding:24px;border:1px dashed #d7dde5;border-radius:8px;color:#7a8794;text-align:center}.result-empty strong{color:#34424f;font-size:18px}.result-empty span{max-width:420px;line-height:1.55}.asset-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(78px,1fr));gap:8px}.job-result-groups{grid-column:1 / -1;display:grid;gap:10px}.job-result-group{display:grid;gap:6px}.job-result-group>span{color:#34424f;font-size:12px;font-weight:950}.job-result-asset{display:grid;gap:4px}.job-result-asset small{color:#6b7785;font-size:11px;text-align:center}.asset-thumbs img{aspect-ratio:1}.spin{animation:spin .85s linear infinite}.creative-modal-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:22px;background:#1f262e9e}.creative-modal{display:grid;grid-template-rows:auto minmax(0,1fr);width:min(1200px,96vw);height:min(820px,92vh);overflow:hidden;border-radius:8px;background:#f4f7fb;box-shadow:0 24px 90px #0f172a47}.creative-modal-head{display:flex;align-items:center;justify-content:space-between;min-height:70px;padding:0 22px;border-bottom:1px solid #e6ebf2;background:#fff}.creative-modal-head h2{font-size:18px}.creative-close-button{width:36px;min-height:36px;padding:0;background:transparent;color:#8b97a5}.creative-modal-body{display:grid;grid-template-columns:104px minmax(0,1fr) 250px;gap:18px;min-height:0;padding:22px}.creative-category-list,.creative-word-panel,.creative-selected-panel{min-height:0;border-radius:8px;background:#fff}.creative-category-list{display:grid;align-content:start;overflow:auto;border-right:1px solid #edf1f6}.creative-category{justify-content:center;min-height:48px;border-radius:0;background:transparent;color:#202a36;font-size:14px;font-weight:600}.creative-category.selected{border-right:4px solid #2674ff;background:#e8f1ff;color:#1762f0}.creative-word-panel{align-content:start;display:flex;flex-wrap:wrap;gap:12px;overflow:auto;padding:16px}.creative-word{min-height:34px;padding:0 16px;border:1px solid #eef2f7;background:#f0f3f8;color:#2f3a47;font-size:14px;font-weight:600}.creative-word.selected{border-color:#2674ff;background:#e8f1ff;color:#1762f0}.creative-selected-panel{display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;gap:12px;padding:16px}.creative-selected-panel h3{font-size:14px}.creative-selected-panel textarea{min-height:0;resize:none;color:#34424f}.creative-selected-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;color:#98a5b5;font-size:13px}.text-button{min-height:28px;padding:0;background:transparent;color:#34424f;font-size:13px}.creative-use-button{width:100%;background:#176c5f}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1100px){body{min-width:0}.auth-layout,.dashboard{grid-template-columns:1fr}.generation-panel,.admin-panel{grid-column:auto}.admin-metrics,.provider-form,.admin-row,.admin-user-row,.generation-form,.studio-layout{grid-template-columns:1fr}.studio-controls{border-right:0;border-bottom:1px solid #e4e9ef}.platform-group,.checkbox-grid{grid-template-columns:1fr}.size-picker{grid-template-columns:1fr 1fr 34px 1fr;max-width:none}.size-menu{width:min(280px,calc(100vw - 52px))}.studio-head{align-items:stretch;flex-direction:column}.auth-copy{min-height:320px}}html{background:var(--app-bg)}body{min-width:0;background:var(--app-bg);color:var(--text);font-family:Inter,Microsoft YaHei UI,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease,transform .14s ease}button{min-height:40px;border-radius:var(--radius-sm);background:var(--accent);font-weight:700;letter-spacing:-.01em}button:hover:not(:disabled){background:var(--accent-hover)}button:active:not(:disabled){transform:translateY(1px)}button.secondary{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);box-shadow:var(--shadow-sm)}button.secondary:hover:not(:disabled){border-color:#b8c0c8;background:var(--surface-subtle);color:var(--text)}input,textarea,select{border-color:var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);color:var(--text)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #16715f1f}label span{color:var(--text-secondary);font-size:12px;font-weight:700}.cloud-shell{min-height:100vh;padding:0;background:var(--app-bg)}.auth-shell{padding:24px;background:radial-gradient(circle at 12% 8%,rgba(22,113,95,.08),transparent 34%),var(--app-bg)}.cloud-topbar{width:min(1180px,100%);margin:0 auto 22px;padding:4px 0}.brand-lockup,.sidebar-brand{display:flex;align-items:center;gap:11px}.brand-mark{display:grid;flex:0 0 auto;width:38px;height:38px;place-items:center;border-radius:11px;background:var(--text);color:#fff;box-shadow:0 6px 16px #171a1d29}.app-icon-img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}.desktop-app-icon .app-icon-img{width:18px;height:18px;border-radius:5px}.cloud-topbar h1{font-size:20px;letter-spacing:-.035em}.eyebrow{margin-bottom:3px;color:var(--accent);font-size:10px;font-weight:800;letter-spacing:.12em}.status,.connection-pill{border-color:var(--border);border-radius:999px;background:#fffc;color:var(--text-secondary);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.auth-layout{grid-template-columns:minmax(0,1.2fr) 410px;width:min(1180px,100%);min-height:calc(100vh - 112px);margin:0 auto;gap:18px}.auth-copy,.auth-panel{border-color:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.auth-copy{position:relative;min-height:560px;overflow:hidden;padding:clamp(36px,6vw,76px);background:linear-gradient(140deg,#fffffff7,#f7faf9ed),var(--surface)}.auth-copy:after{position:absolute;right:-80px;bottom:-100px;width:320px;height:320px;border:54px solid rgba(22,113,95,.06);border-radius:50%;content:""}.auth-copy h2{position:relative;z-index:1;max-width:620px;font-size:clamp(38px,5vw,58px);line-height:1.04;letter-spacing:-.055em}.auth-copy p{position:relative;z-index:1;max-width:560px;color:var(--text-secondary);line-height:1.75}.auth-panel{align-content:center;gap:16px;padding:32px;background:var(--surface)}.auth-panel .panel-head{margin-bottom:8px}.dashboard{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;gap:0}.account-panel{position:sticky;top:0;z-index:20;align-self:start;height:100vh;padding:20px 16px;gap:14px;border:0;border-right:1px solid var(--border);border-radius:0;background:#fbfbfc;box-shadow:none}.sidebar-brand{min-height:48px;margin-bottom:4px;padding:0 7px}.sidebar-brand strong,.sidebar-brand span{display:block}.sidebar-brand strong{color:var(--text);font-size:14px;letter-spacing:-.02em}.sidebar-brand span{margin-top:2px;color:var(--text-tertiary);font-size:10px;font-weight:700;letter-spacing:.04em}.account-panel>.panel-head{display:none}.account-card{grid-template-columns:minmax(0,1fr) auto;padding:14px;border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-soft);color:var(--accent)}.account-card strong{font-size:26px;letter-spacing:-.04em}.account-meta{padding:0 4px;color:var(--text-tertiary);font-size:11px}.dashboard-nav{gap:4px;padding:0;border:0;background:transparent}.nav-button{min-height:42px;padding:0 11px;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:13px;font-weight:700}.nav-button:hover{border-color:transparent;background:var(--surface-muted);color:var(--text)}.nav-button.selected{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.side-actions{margin-top:auto}.side-actions button{min-height:36px;padding:0 9px;font-size:12px}.account-panel>.status-line{max-height:76px;overflow:auto;padding:9px 10px;border:0;background:var(--surface-muted);color:var(--text-tertiary);font-size:10px}.workspace-topbar{position:sticky;top:0;z-index:15;display:flex;min-height:76px;align-items:center;justify-content:space-between;gap:18px;padding:14px 24px;border-bottom:1px solid var(--border);background:#f4f5f7e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.workspace-topbar h1{color:var(--text);font-size:22px;line-height:1.1;letter-spacing:-.04em}.workspace-actions{display:flex;align-items:center;gap:9px}.connection-pill{display:inline-flex;min-height:34px;align-items:center;gap:7px;padding:0 11px;font-size:11px;font-weight:700}.connection-pill>span{width:7px;height:7px;border-radius:50%;background:#27a37d;box-shadow:0 0 0 4px #27a37d1f}.compact-button{min-height:34px;padding:0 11px;font-size:11px}.workspace-content{min-width:0;padding:20px 24px 32px}.generation-panel,.recharge-panel,.admin-panel{grid-column:auto}.generation-panel,.recharge-panel,.admin-panel{border-color:var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-panel{overflow:visible;padding:0;border:0;background:transparent;box-shadow:none}.studio-head{display:none}.studio-layout{display:grid;grid-template-columns:minmax(420px,.86fr) minmax(480px,1.14fr);min-height:calc(100vh - 128px);gap:18px}.studio-controls,.studio-results{align-content:start;gap:12px;padding:0}.studio-controls{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.studio-results{min-width:0}.control-block,.reference-panel,.output-plan{gap:10px;padding:14px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3{color:var(--text);font-size:13px;font-weight:800;letter-spacing:-.015em}.platform-group{gap:8px}.platform-button{min-height:64px;padding:10px 11px;border-color:var(--border);border-radius:10px;box-shadow:none}.platform-button:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-subtle)}.platform-button strong{color:var(--text);font-size:13px}.platform-button span{color:var(--text-tertiary);font-size:10px}.platform-button.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 2px #16715f17}.platform-button.selected strong{color:var(--accent)}.reference-panel{padding:14px}.reference-head small{color:var(--text-tertiary);font-size:11px}.upload-control{width:auto;min-height:34px;padding:0 11px;border-radius:var(--radius-sm);font-size:11px}.reference-grid{grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:9px}.reference-card{border-color:var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm)}.reference-role-select{height:34px;border-color:var(--border);font-size:10px}.studio-prompt{min-height:122px;background:var(--surface);font-size:13px;line-height:1.65;transition:min-height .16s ease,box-shadow .16s ease}.studio-prompt.expanded{min-height:min(52vh,420px)}.ghost-expand-button{width:24px;min-width:24px;height:24px;min-height:24px;padding:0;border-color:color-mix(in srgb,var(--accent) 28%,var(--border));border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 9%,var(--surface));color:color-mix(in srgb,var(--accent) 78%,var(--text));font-size:10px;opacity:.58;transition:opacity .14s ease,transform .14s ease,background .14s ease}.ghost-expand-button:hover:not(:disabled),.ghost-expand-button:focus-visible{background:var(--surface);color:var(--accent);opacity:1;transform:translateY(-1px)}.prompt-actions span,.block-title-row>span{color:var(--text-tertiary);font-size:10px}.mini-action-button{min-height:30px;padding:0 9px;font-size:10px}.remember-line{display:flex;align-items:center;width:fit-content;gap:8px;color:var(--text-secondary);font-size:12px}.remember-line input{width:16px;min-width:16px;height:16px;min-height:16px;padding:0;margin:0;border-radius:4px;accent-color:var(--accent);box-shadow:none;flex:0 0 16px}.remember-line span{margin:0;font-size:12px}.credit-adjust-control{display:grid;grid-template-columns:minmax(88px,120px) auto;align-items:center;gap:8px;justify-self:end}.credit-adjust-control input{min-height:30px;padding:0 9px;font-size:12px}.job-actions{display:flex;justify-content:flex-end;gap:8px}.ecommerce-title-row{display:grid;gap:5px}.important-note{color:var(--text-tertiary);font-size:10px;font-weight:600}.checkbox-grid{gap:7px}.ecommerce-output-block{container-type:inline-size}.check-line{min-height:38px;border-color:var(--border);border-radius:var(--radius-sm);background:var(--surface);color:var(--text-secondary);font-size:11px}.check-line label{flex:1 1 auto;min-width:0;color:inherit;font-size:11px;line-height:1.35}.check-line input[type=checkbox]{accent-color:var(--accent)}.output-quantity-input{flex:0 0 64px;height:28px;border-radius:6px;font-size:11px}@container (max-width: 400px){.ecommerce-output-block .checkbox-grid{grid-template-columns:1fr}.ecommerce-output-block .check-line{min-height:46px;padding:9px 12px}}.size-picker{grid-template-columns:minmax(140px,180px) minmax(0,1fr) 40px minmax(0,1fr);max-width:640px}.free-size-panel{display:grid;gap:10px;max-width:640px}.free-size-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px}.size-dropdown-trigger,.size-number-input{height:38px;border-color:var(--border);background:var(--surface);font-size:12px;min-width:0;min-width:100px}.size-lock-button{width:40px;height:40px}.size-menu{border-color:#e0e7eeeb;border-radius:var(--radius-md);background:#ffffffeb;box-shadow:var(--shadow-md)}.size-menu-row,.size-custom-row{color:var(--text-primary)}.size-menu button.size-menu-row,.size-menu button.size-custom-row{background:#ffffffeb;color:var(--text-primary);box-shadow:none;padding-inline:14px}.size-menu-row strong,.size-menu-row small,.size-custom-label{white-space:nowrap}.size-menu-row:hover,.size-custom-row:hover,.size-menu-row.selected,.size-custom-row.selected{background:#fffffffa;color:var(--text-primary);box-shadow:none}.free-resolution-group{display:flex;flex-wrap:wrap;gap:8px}.free-resolution-button{min-width:72px;height:38px;padding:0 14px;border-color:var(--border);background:var(--surface);color:var(--text-primary);font-weight:800}.free-resolution-button.selected{border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.free-size-preview{margin:0;color:var(--text-secondary);font-size:12px;font-weight:700}.cancel-generation-button{min-width:160px;min-height:42px}.cancel-generation-result-action{display:flex;justify-content:center;padding:14px 0 4px}.cancel-generation-modal{grid-template-rows:auto auto;width:min(520px,92vw);height:auto}.cancel-generation-modal-body{display:grid;gap:16px;padding:22px;background:var(--surface)}.cancel-generation-modal-body p{margin:0;color:var(--text-primary);font-size:14px;line-height:1.7}.cancel-generation-checkbox{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;font-weight:700}.cancel-generation-checkbox input{width:16px;height:16px}.cancel-generation-actions{display:flex;justify-content:flex-end;gap:10px}.output-plan{border-color:var(--accent-border);background:#eef8f5;box-shadow:none}.output-plan-title{gap:10px}.output-plan strong{font-size:22px}.output-plan-title span,.output-chip-list span{border:1px solid rgba(22,113,95,.12);border-radius:999px;background:#ffffffc7;font-size:10px}.output-plan p,.output-plan small{color:var(--text-secondary);font-size:10px}.generate-button{min-height:50px;border-radius:11px;font-size:14px;box-shadow:0 10px 24px #16715f38}.result-preview,.jobs{padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-sm)}.result-preview{min-height:430px}.result-actions{gap:7px}.result-actions>span{color:var(--text-tertiary);font-size:10px}.result-actions button{min-height:32px;border-color:var(--border);border-radius:7px;color:var(--text-secondary);font-size:10px}.result-group-head{padding:8px 0;background:transparent}.result-group-head strong{font-size:12px}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-card{min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.result-card:hover{transform:translateY(-2px);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.result-card-media{display:block;overflow:hidden;background:var(--surface-muted)}.result-card-media img{display:block;width:100%;aspect-ratio:1;object-fit:cover;transition:transform .24s ease}.result-card:hover .result-card-media img{transform:scale(1.015)}.result-card-footer{display:flex;min-height:54px;align-items:center;justify-content:space-between;gap:10px;padding:10px 11px;border-top:1px solid var(--border)}.result-card-footer>div{display:grid;min-width:0;gap:2px}.result-card-footer strong{overflow:hidden;color:var(--text);font-size:11px;text-overflow:ellipsis;white-space:nowrap}.result-card-footer small{color:var(--text-tertiary);font-size:10px}.result-card-footer>a{flex:0 0 auto;color:var(--accent);font-size:10px;font-weight:800;text-decoration:none}.result-empty{min-height:360px;border-color:var(--border-strong);border-radius:var(--radius-md);background:linear-gradient(90deg,rgba(226,229,233,.35) 1px,transparent 1px),linear-gradient(rgba(226,229,233,.35) 1px,transparent 1px);background-size:24px 24px;color:var(--text-tertiary)}.result-empty svg{color:var(--accent)}.result-empty strong{color:var(--text);font-size:16px}.result-waiting-note{margin:0 0 10px;color:var(--text-tertiary);font-size:11px}.result-card-waiting .result-card-media-waiting{min-height:240px;align-items:center;justify-content:center;gap:12px;background:linear-gradient(180deg,#f8fafcf2,#f1f5f9e6);color:var(--accent)}.result-card-waiting .result-card-media-waiting strong{color:var(--text);font-size:14px}.jobs{gap:12px}.jobs-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.jobs.expanded{min-height:min(78vh,760px)}.jobs .job-list{max-height:430px;overflow:hidden;transition:max-height .18s ease}.jobs.expanded .job-list{max-height:min(68vh,680px);overflow:auto;padding-right:4px}.job-list{gap:8px}.job-row{grid-template-columns:minmax(0,1fr) 116px;padding:12px;border-color:var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.job-row strong{color:var(--text);font-size:12px}.job-row p{display:-webkit-box;overflow:hidden;color:var(--text-tertiary);font-size:10px;-webkit-box-orient:vertical;-webkit-line-clamp:2}.job-status,.job-meta span{border-radius:999px;font-size:9px}.asset-thumbs{grid-template-columns:repeat(auto-fill,minmax(84px,112px))}.job-result-thumb{overflow:hidden;border-radius:var(--radius-sm)}.job-result-asset small{color:var(--text-tertiary);font-size:9px}.recharge-panel,.admin-panel{gap:16px;padding:20px}.recharge-panel>.panel-head,.admin-panel>.panel-head{padding-bottom:14px;border-bottom:1px solid var(--border)}.package-grid{gap:10px}.package-card{padding:16px;border-color:var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.package-card strong{color:var(--text);letter-spacing:-.03em}.custom-recharge,.pay-box,.order-row,.admin-metrics div,.provider-form,.admin-row{border-color:var(--border);border-radius:var(--radius-md);background:var(--surface-subtle)}.pay-box{background:var(--surface)}.admin-panel{box-shadow:var(--shadow-sm)}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metrics div{padding:15px}.admin-metrics strong{color:var(--text);font-size:26px}.provider-form{padding:14px}.admin-row{background:var(--surface)}.admin-user-row{grid-template-columns:76px minmax(0,1.25fr) minmax(0,.9fr) minmax(86px,.65fr) minmax(188px,auto)}.creative-modal-backdrop{background:#11141794;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.creative-modal{border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-lg);background:var(--surface-subtle);box-shadow:0 30px 90px #11141747}.creative-modal-head{border-color:var(--border)}.creative-category,.creative-word{border-radius:var(--radius-sm)}@media(max-width:1180px){.studio-layout{grid-template-columns:minmax(390px,.9fr) minmax(420px,1.1fr)}.workspace-content{padding-inline:16px}.admin-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:940px){.dashboard{grid-template-columns:76px minmax(0,1fr)}.account-panel{padding-inline:10px}.sidebar-brand>div:last-child,.account-panel>.account-card,.account-panel>.account-meta,.account-panel>.status-line,.nav-button:not(.selected){font-size:0}.sidebar-brand,.nav-button{justify-content:center;padding:0}.nav-button svg{margin:0}.side-actions{grid-template-columns:1fr}.side-actions button{font-size:0}.studio-layout{grid-template-columns:1fr}.output-plan,.generate-button{position:static}}@media(max-width:720px){.auth-shell{padding:16px}.auth-layout{grid-template-columns:1fr}.auth-copy{min-height:320px}.dashboard{display:block}.account-panel{position:static;display:flex;width:100%;height:auto;align-items:center;border-right:0;border-bottom:1px solid var(--border)}.dashboard-nav{display:flex;margin-left:auto}.side-actions,.account-panel>.account-card,.account-panel>.account-meta,.account-panel>.status-line{display:none}.workspace-topbar{padding-inline:16px}.workspace-actions .connection-pill{display:none}.workspace-content{padding:14px}.platform-group,.checkbox-grid,.package-grid,.admin-user-row{grid-template-columns:1fr}.credit-adjust-control{justify-self:stretch;grid-template-columns:minmax(0,1fr) auto}.result-grid{grid-template-columns:1fr}}body{color:#22354d;background:radial-gradient(circle at 68% 0%,rgba(173,210,240,.3),transparent 36%),radial-gradient(circle at 12% 82%,rgba(205,227,231,.24),transparent 32%),linear-gradient(135deg,#f8fafc,#eef4f9 48%,#eaf1f7)}.cloud-shell:before,.cloud-shell:after{opacity:.32}.account-panel,.workspace-topbar,.studio-controls,.result-preview,.jobs{border-color:var(--clarity-border);background:linear-gradient(145deg,#ffffffe0,#f2f8fcc2);box-shadow:0 22px 58px #2d46621c,0 5px 16px #2d46620e,inset 0 1px #fffffffa}.control-block,.reference-panel,.output-plan,.result-card,.job-row{border-color:#ffffffe0;background:linear-gradient(145deg,#ffffffe6,#f7fafdcc);box-shadow:var(--clarity-shadow),inset 0 1px #fffffffa}.workspace-topbar h1,.control-block h3,.reference-copy span,.result-preview h3,.jobs h3,.result-group-head strong,.result-card-footer strong,.job-row strong{color:#15283f}.reference-head small,.platform-button span,.job-row p,.result-card-footer small,.result-actions>span,.account-meta{color:#66768b}button:not(.generate-button):not(.nav-button):not(.platform-button):not(.job-result-thumb):not(.result-card-media){border:1px solid var(--clarity-line);background:#ffffffdb;color:#34475f;box-shadow:0 7px 18px #2d445e14,inset 0 1px #fffffffa}button:not(.generate-button):not(.nav-button):not(.platform-button):not(.job-result-thumb):not(.result-card-media):hover:not(:disabled){border-color:#4f89a366;background:#fff;color:#147d79;box-shadow:0 11px 24px #2d48621f,inset 0 1px #fff;transform:translateY(-2px)}button:not(.generate-button):not(.nav-button):not(.platform-button):not(.job-result-thumb):not(.result-card-media):disabled{border-color:#7d93aa24;background:#eff4f8b8;color:#9aa6b5;box-shadow:none}.upload-control{min-width:112px;min-height:38px;border:1px solid var(--clarity-line);border-radius:10px;background:#ffffffe6;color:#34475f;box-shadow:0 7px 18px #2d445e14,inset 0 1px #fffffffa}.upload-control svg,.upload-control span{color:#34475f}.upload-control:hover{border-color:#439d9d80;background:#fff;color:#147d79;box-shadow:0 11px 24px #2d48621f;transform:translateY(-2px)}.upload-control:hover svg,.upload-control:hover span{color:#147d79}.size-dropdown-trigger,.size-lock-button,.result-preview .result-actions button,.result-card .result-card-footer>button,.mini-action-button,.icon-button{border-color:var(--clarity-line)!important;background:#ffffffe6!important;color:#34475f!important;box-shadow:0 7px 18px #2d445e14,inset 0 1px #fffffffa!important}.size-dropdown-trigger:hover:not(:disabled),.size-lock-button:hover:not(:disabled),.result-preview .result-actions button:hover:not(:disabled),.result-card .result-card-footer>button:hover:not(:disabled),.mini-action-button:hover:not(:disabled),.icon-button:hover:not(:disabled){border-color:#4f89a366!important;background:#fff!important;color:#147d79!important;box-shadow:0 11px 24px #2d48621f!important}.result-preview .result-actions button:disabled{border-color:#7d93aa24!important;background:#eff4f8b8!important;color:#9aa6b5!important;box-shadow:none!important}.size-lock-button{width:38px;height:38px;border-radius:10px}.platform-button{min-height:76px;border-color:#748faa33;background:#ffffffd1;color:#24384f;box-shadow:0 8px 20px #2e455e0f,inset 0 1px #fffffffa}.platform-button:hover:not(:disabled){border-color:#5197a86b;background:#fff}.platform-button.selected{border-color:#269d97a3;background:linear-gradient(135deg,#e8fbf8f5,#e9f3feeb);box-shadow:0 0 0 1px #32aea41f,0 10px 26px #31848b1f,inset 0 1px #fff}.check-line:has(input:checked){border-color:#269d978a;background:linear-gradient(135deg,#ebfbf8f2,#edf5fde6);box-shadow:0 0 0 1px #32aea41a,0 8px 20px #31848b17}.generate-button{width:min(250px,100%);min-height:46px;justify-self:end;border:1px solid rgba(20,132,128,.28);border-radius:12px;background:linear-gradient(135deg,#24a99a,#17858d);box-shadow:0 12px 26px #1c828433,inset 0 1px #ffffff47}.generate-button:hover:not(:disabled){background:linear-gradient(135deg,#2ab5a5,#198f97);box-shadow:0 15px 31px #1c828440,inset 0 1px #ffffff59}.result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.result-card{width:100%;border-radius:18px}.result-card-media{background:#ebf1f7b8}.result-card-media img{width:100%;max-height:360px;aspect-ratio:auto;object-fit:contain;background:linear-gradient(135deg,#eff4f8cc,#f9fbfdeb)}.result-card-footer{min-height:64px;padding:11px 14px;border-top-color:#708ba629;background:#fafcfeeb}.result-card-footer strong{font-size:14px}.result-card-footer small{font-size:12px}.result-card-footer>button{min-height:36px;padding-inline:13px;color:#147d79}.result-actions{flex-wrap:wrap;justify-content:flex-end}.result-actions button{min-height:36px;padding-inline:12px;font-size:12px}@media(max-width:940px){.generate-button{width:100%}.result-card-media img{max-height:none}}.account-panel,.studio-controls,.studio-results{height:auto;min-height:100%;border:1px solid var(--column-border);background:var(--column-glass);box-shadow:var(--column-shadow);-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%)}@media(min-width:721px){html,body,#root{width:100%;height:100%;overflow:hidden}body{font-size:14px}.cloud-shell{width:100%;height:100vh;min-height:0;padding:18px;overflow:hidden}.dashboard{grid-template-columns:280px minmax(0,1fr);width:100%;height:calc(100vh - 36px);min-height:0;align-items:stretch;gap:14px;overflow:hidden}.account-panel{position:relative;top:auto;width:100%;height:100%;min-height:0;align-self:stretch;padding:22px 18px 18px;overflow:hidden;border-radius:24px}.workspace{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden}.workspace-topbar{position:relative;top:auto;min-height:88px;flex:0 0 88px;margin-bottom:14px;padding:16px 26px;border-radius:24px}.workspace-topbar h1{font-size:28px}.workspace-content{display:flex;min-height:0;flex:1 1 auto;padding:0;overflow:hidden}.generation-panel.studio-panel{display:flex;width:100%;height:100%;min-height:0;flex-direction:column}.studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;min-height:0;flex:1 1 auto;align-items:stretch;gap:14px}.studio-controls,.studio-results{width:100%;height:100%;min-height:0;padding:14px;overflow-x:hidden;border-radius:24px;scrollbar-width:none;-ms-overflow-style:none}.studio-controls{display:grid;align-content:start;gap:12px;overflow-y:auto;overscroll-behavior:contain}.studio-results{display:grid;grid-template-rows:minmax(0,1.72fr) minmax(210px,.72fr);align-content:stretch;gap:12px;overflow:hidden}.studio-controls::-webkit-scrollbar,.result-preview::-webkit-scrollbar,.jobs::-webkit-scrollbar{display:none}.studio-results>.result-preview,.studio-results>.jobs{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.studio-results>.result-preview{padding:16px}.studio-results>.jobs{padding:14px}.control-block,.reference-panel,.output-plan{gap:9px;padding:13px;border-radius:17px}.platform-button{min-height:72px;padding:10px 11px}.studio-prompt{min-height:112px;font-size:14px}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3{font-size:15px}.platform-button strong,.result-group-head strong{font-size:14px}.platform-button span,.reference-head small,.important-note,.result-actions>span{font-size:11px}.result-grid{grid-template-columns:minmax(0,1fr)}.result-card{border-radius:16px}.result-card-media img{width:100%;height:clamp(280px,38vh,410px);max-height:none;object-fit:contain}.result-card-footer{min-height:58px;padding:9px 12px}.job-row{padding:12px}.job-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(min-width:721px){html,body,#root{width:100%;height:100%;overflow:hidden}.cloud-shell{width:100%;height:100vh;min-height:0;overflow:hidden}.dashboard{width:100%;height:calc(100vh - 48px);min-height:0;overflow:hidden}.account-panel,.workspace{height:100%;min-height:0;overflow:hidden}.workspace-topbar{position:relative;top:auto;z-index:15;flex:0 0 72px;min-height:72px}.workspace-content{min-height:0;overflow:hidden}.generation-panel.studio-panel,.studio-layout{height:100%;min-height:0}.studio-controls,.studio-results{height:100%;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.studio-controls,.studio-results{align-content:start}.studio-controls::-webkit-scrollbar,.studio-results::-webkit-scrollbar{width:8px}.studio-controls::-webkit-scrollbar-track,.studio-results::-webkit-scrollbar-track{background:transparent}.studio-controls::-webkit-scrollbar-thumb,.studio-results::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#67809947;background-clip:padding-box}.studio-controls::-webkit-scrollbar-thumb:hover,.studio-results::-webkit-scrollbar-thumb:hover{background:#4b708f6b;background-clip:padding-box}}@media(min-width:721px)and (max-width:1180px){.dashboard{height:calc(100vh - 32px)}}@media(min-width:721px){html,body,#root{width:100%;height:100%;overflow:hidden}body{font-size:14px}.cloud-shell{width:100%;height:100vh;min-height:0;padding:18px;overflow:hidden}.dashboard{grid-template-columns:280px minmax(0,1fr);width:100%;height:calc(100vh - 36px);min-height:0;gap:14px;overflow:hidden}.account-panel{position:relative;top:auto;width:100%;height:100%;min-height:0;padding:22px 18px 18px;overflow:hidden;border-radius:24px}.workspace{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden}.workspace-topbar{position:relative;top:auto;min-height:88px;flex:0 0 88px;margin-bottom:14px;padding:16px 26px;border-radius:24px}.workspace-topbar h1{font-size:28px}.workspace-content,.generation-panel.studio-panel,.studio-layout{width:100%;height:100%;min-height:0}.workspace-content{display:flex;flex:1 1 auto;padding:0;overflow:hidden}.generation-panel.studio-panel{display:flex;flex-direction:column}.studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);flex:1 1 auto;align-items:stretch;gap:14px}.studio-controls,.studio-results{width:100%;height:100%;min-height:0;padding:14px;overflow-x:hidden;border-radius:24px;scrollbar-width:none;-ms-overflow-style:none}.studio-controls{display:grid;align-content:start;gap:12px;overflow-y:auto;overscroll-behavior:contain}.studio-results{display:grid;grid-template-rows:minmax(0,1.72fr) minmax(210px,.72fr);align-content:stretch;gap:12px;overflow:hidden}.studio-controls::-webkit-scrollbar,.studio-results::-webkit-scrollbar,.result-preview::-webkit-scrollbar,.jobs::-webkit-scrollbar{display:none}.studio-results>.result-preview,.studio-results>.jobs{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.studio-results>.result-preview{padding:16px}.studio-results>.jobs{padding:14px}.control-block,.reference-panel,.output-plan{gap:9px;padding:13px;border-radius:17px}.platform-button{min-height:72px;padding:10px 11px}.studio-prompt{min-height:112px;font-size:14px}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3{font-size:15px}.platform-button strong,.result-group-head strong{font-size:14px}.platform-button span,.reference-head small,.important-note,.result-actions>span{font-size:11px}.result-grid{grid-template-columns:minmax(0,1fr)}.result-card{border-radius:16px}.result-card-media img{width:100%;height:clamp(280px,38vh,410px);max-height:none;object-fit:contain}.result-card-footer{min-height:58px;padding:9px 12px}.job-row{padding:12px}.job-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(min-width:721px)and (max-width:1180px){.cloud-shell{padding:12px}.dashboard{grid-template-columns:78px minmax(0,1fr);height:calc(100vh - 24px);gap:10px}.workspace-topbar{min-height:76px;flex-basis:76px;margin-bottom:10px}.studio-layout{gap:10px}}body{font-size:15px}.eyebrow{font-size:12px}.sidebar-brand strong{font-size:16px}.sidebar-brand span{font-size:12px}.account-card span,.account-card small{font-size:14px}.account-meta,.connection-pill,.compact-button{font-size:13px}.nav-button{font-size:15px}.side-actions button{font-size:14px}.account-panel>.status-line{font-size:12px}.workspace-topbar h1{font-size:26px}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3,.orders h3,.admin-section h3{font-size:16px}.platform-button strong,.result-group-head strong{font-size:15px}.platform-button span,.reference-head small,.upload-control,.reference-role-select,.prompt-actions span,.block-title-row>span,.mini-action-button,.important-note,.output-plan p,.output-plan small,.output-plan-title span,.output-chip-list span,.result-actions>span,.result-actions button,.result-card-footer small,.result-card-footer>a{font-size:12px}.studio-prompt{min-height:140px;font-size:15px}.check-line,.check-line label,.size-dropdown-trigger,.size-number-input{font-size:14px}.output-quantity-input{font-size:13px}.generate-button{min-height:54px;font-size:16px}.result-card-footer strong,.job-row strong{font-size:14px}.job-row p{font-size:12px}.job-status,.job-meta span,.job-result-asset small{font-size:11px}.reference-preview{position:relative}.local-reference-badge{position:absolute;left:7px;bottom:7px;padding:4px 7px;border-radius:999px;background:#171a1dc7;color:#fff;font-size:10px;font-weight:800;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.local-reference-badge.ready{background:#16715fe0}.local-reference-badge.error{background:#c4362be6}.result-card-media{width:100%;min-height:0;padding:0;border:0;border-radius:0;color:inherit}.result-card-media:hover:not(:disabled){background:var(--surface-muted)}.result-card-footer>button{flex:0 0 auto;min-height:30px;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:var(--surface);color:var(--accent);font-size:12px;font-weight:800}.result-card-footer>button:hover:not(:disabled){border-color:var(--accent-border);background:var(--accent-soft);color:var(--accent)}.job-result-thumb{width:100%;min-height:0;padding:0;border:0;background:transparent}.job-result-thumb:hover:not(:disabled){background:transparent}html,body{background:#edf3f8}body{background:radial-gradient(circle at 15% 5%,rgba(255,255,255,.96),transparent 30%),radial-gradient(circle at 76% 8%,rgba(183,211,235,.5),transparent 34%),radial-gradient(circle at 93% 76%,rgba(203,230,226,.38),transparent 30%),linear-gradient(135deg,#f7f9fc,#edf3f8 48%,#e8f0f6);background-attachment:fixed}.cloud-shell{padding:18px;background:transparent}.dashboard{min-height:calc(100vh - 36px);overflow:hidden;border:1px solid rgba(255,255,255,.78);border-radius:24px;background:#f7fafd6b;box-shadow:0 24px 70px #31496329,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(30px) saturate(132%);backdrop-filter:blur(30px) saturate(132%)}.account-panel{top:18px;height:calc(100vh - 36px);padding:22px 16px 18px;border-right:1px solid rgba(255,255,255,.76);background:linear-gradient(160deg,#ffffffa3,#edf4fa80);box-shadow:12px 0 34px #344b630d;-webkit-backdrop-filter:blur(26px) saturate(140%);backdrop-filter:blur(26px) saturate(140%)}.brand-mark{background:linear-gradient(145deg,#142838,#07141e);box-shadow:0 8px 20px #0f233138,inset 0 1px #ffffff40}.account-card{border-color:#ffffffbd;background:linear-gradient(135deg,#ffffffb3,#e1eff69e);box-shadow:0 12px 26px #344f6917,inset 0 1px #ffffffeb}.nav-button{border:1px solid transparent}.nav-button:hover{border-color:#ffffffbd;background:#ffffff85;box-shadow:var(--shadow-sm)}.nav-button.selected{border-color:#ffffffdb;background:linear-gradient(100deg,#defaf5e6,#e7f3fccc);box-shadow:inset 3px 0 #15998a,0 8px 22px #2473701a}.account-panel>.status-line{border:1px solid rgba(255,255,255,.6);background:#ffffff61}.workspace-topbar{top:18px;min-height:72px;padding-inline:24px;border-bottom-color:#ffffffb8;background:#f7fafd8c;box-shadow:0 10px 28px #30465e0b;-webkit-backdrop-filter:blur(24px) saturate(140%);backdrop-filter:blur(24px) saturate(140%)}.workspace-topbar h1{color:#102138;font-size:25px}.workspace-actions{gap:10px}.connection-pill,button.secondary,.compact-button,.avatar-entry{border:1px solid rgba(255,255,255,.76);background:#ffffff85;box-shadow:0 6px 18px #2d435c12,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}button.secondary:hover:not(:disabled),.compact-button:hover:not(:disabled){border-color:#6c8fa961;background:#ffffffd1;box-shadow:0 8px 22px #2b445e1c}.avatar-entry{display:inline-flex;min-height:36px;align-items:center;gap:6px;padding:3px 8px 3px 3px;border-radius:999px;color:var(--text-tertiary)}.avatar-circle{display:grid;width:30px;height:30px;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;background:linear-gradient(145deg,#b9dcf3,#96c3e1);color:#fff;font-size:10px;font-weight:800;box-shadow:0 5px 12px #4f83a92e}.workspace-content{padding:18px 20px 28px}.studio-layout{min-height:calc(100vh - 144px);gap:14px}.studio-controls{padding:14px;border-color:var(--glass-highlight);background:linear-gradient(150deg,#ffffff9e,#f1f7fc7a);box-shadow:0 14px 40px #334b6514,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(22px) saturate(130%);backdrop-filter:blur(22px) saturate(130%)}.control-block,.reference-panel,.output-plan,.result-preview,.jobs,.orders,.admin-section,.package-card,.generation-panel,.recharge-panel,.admin-panel{border-color:#ffffffbf;background:linear-gradient(145deg,#ffffffa8,#f0f6fb85);box-shadow:0 10px 28px #324b6513,inset 0 1px #ffffffe0;-webkit-backdrop-filter:blur(20px) saturate(125%);backdrop-filter:blur(20px) saturate(125%)}.control-block:hover,.reference-panel:hover{border-color:#fffffff0;box-shadow:0 13px 32px #324b651a,inset 0 1px #fff}.platform-button,.check-line,.size-dropdown-trigger,.upload-zone,.reference-upload-zone,.result-card,.job-row,.order-row,input,textarea,select{border-color:#8097b13d;background:#ffffff8c;box-shadow:inset 0 1px #ffffffd6;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.platform-button:hover:not(:disabled),.check-line:hover,.size-dropdown-trigger:hover,.upload-zone:hover,.reference-upload-zone:hover{border-color:#5789a661;background:#ffffffd1;box-shadow:0 9px 22px #304c6717,inset 0 1px #fff;transform:translateY(-1px)}.platform-button.selected,.check-line:has(input:checked){border-color:#19998c94;background:linear-gradient(135deg,#e1fbf6eb,#e2f1fdd1);box-shadow:0 0 0 1px #26a6971f,0 10px 25px #27807c1f,inset 0 1px #fffffff5}input:focus,textarea:focus,select:focus{background:#ffffffdb;box-shadow:0 0 0 3px #209c8f1f,0 8px 22px #2d4f6812}.generate-button,button:not(.secondary):not(.nav-button):not(.platform-button):not(.result-card-media):not(.job-result-thumb){background:linear-gradient(135deg,#20a894,#12898a 56%,#187888);box-shadow:0 10px 24px #168b843b,inset 0 1px #ffffff40}.generate-button:hover:not(:disabled),button:not(.secondary):not(.nav-button):not(.platform-button):not(.result-card-media):not(.job-result-thumb):hover:not(:disabled){background:linear-gradient(135deg,#25b29e,#159493 56%,#197f91);box-shadow:0 13px 28px #1485824a,inset 0 1px #ffffff4d;transform:translateY(-1px)}.result-preview .result-actions button,.result-card .result-card-footer>button{border:1px solid rgba(255,255,255,.82);background:#ffffffa3;color:var(--accent);box-shadow:0 6px 16px #2d445c14,inset 0 1px #fffffff5}.result-preview .result-actions button:hover:not(:disabled),.result-card .result-card-footer>button:hover:not(:disabled){border-color:#26978b5c;background:#edfbf8e6;color:var(--accent-hover);box-shadow:0 9px 20px #2871701f}.result-preview .result-actions button:disabled{background:#ecf2f794;color:var(--text-tertiary);box-shadow:none}.result-preview,.jobs{padding:16px}.result-card{overflow:hidden;border-color:#ffffffd1;box-shadow:0 12px 30px #2f46601a}.result-card:hover{border-color:#4a90a36b;box-shadow:0 17px 36px #2b496524;transform:translateY(-2px)}.result-card-footer{background:#f9fcfec2;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.job-row{border-color:#ffffffbd;box-shadow:0 7px 20px #334b640e}.result-card,.job-row,.control-block,.reference-panel,.platform-button,.check-line{transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .18s ease}@media(max-width:1120px){.cloud-shell{padding:12px}.dashboard{min-height:calc(100vh - 24px);border-radius:20px}.account-panel{top:12px;height:calc(100vh - 24px)}.workspace-topbar{top:12px}}@media(max-width:720px){.cloud-shell{padding:0}.dashboard{min-height:100vh;border:0;border-radius:0}.account-panel{height:auto}.workspace-topbar{top:0}.avatar-entry{display:none}}html,body,#root{min-height:100%;background:var(--ds-canvas-1)}body{color:var(--ds-ink);background:radial-gradient(circle at 8% 8%,rgba(255,255,255,.98) 0,transparent 31%),radial-gradient(circle at 78% 5%,rgba(119,177,241,.3) 0,transparent 34%),radial-gradient(circle at 88% 84%,rgba(84,213,195,.22) 0,transparent 31%),radial-gradient(circle at 26% 92%,rgba(176,155,238,.18) 0,transparent 29%),linear-gradient(135deg,var(--ds-canvas-0),var(--ds-canvas-1) 50%,var(--ds-canvas-2));background-attachment:fixed}.cloud-shell{position:relative;isolation:isolate;min-height:100vh;padding:24px;overflow:clip;background:transparent}.cloud-shell:before,.cloud-shell:after{position:fixed;z-index:-2;border-radius:50%;content:"";pointer-events:none;filter:blur(18px);opacity:.62}.cloud-shell:before{top:-130px;left:27%;width:520px;height:340px;background:radial-gradient(circle at 30% 40%,rgba(111,214,224,.55),transparent 60%),radial-gradient(circle at 72% 45%,rgba(128,170,245,.55),transparent 64%)}.cloud-shell:after{right:-110px;bottom:-140px;width:520px;height:420px;background:radial-gradient(circle at 35% 35%,rgba(128,221,201,.45),transparent 60%),radial-gradient(circle at 65% 62%,rgba(171,148,239,.42),transparent 64%)}.dashboard{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:calc(100vh - 48px);gap:16px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.account-panel{position:sticky;top:24px;z-index:20;height:calc(100vh - 48px);padding:22px 16px 18px;border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-shell);background:linear-gradient(155deg,#fffc,#f1f7fc94);box-shadow:var(--ds-shadow-float),var(--ds-highlight);-webkit-backdrop-filter:blur(var(--ds-blur-shell)) saturate(150%);backdrop-filter:blur(var(--ds-blur-shell)) saturate(150%)}.workspace{min-width:0}.workspace-topbar{position:sticky;top:24px;z-index:15;min-height:72px;margin-bottom:16px;padding:13px 20px;border:1px solid var(--ds-glass-border);border-radius:22px;background:linear-gradient(135deg,#ffffffc2,#f1f8fd94);box-shadow:var(--ds-shadow-panel),var(--ds-highlight);-webkit-backdrop-filter:blur(var(--ds-blur-shell)) saturate(145%);backdrop-filter:blur(var(--ds-blur-shell)) saturate(145%)}.workspace-content{padding:0 0 28px}.studio-layout{grid-template-columns:minmax(410px,.88fr) minmax(470px,1.12fr);min-height:calc(100vh - 136px);gap:16px}.studio-controls{position:relative;gap:14px;padding:14px;border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-panel);background:linear-gradient(155deg,#ffffffb3,#ecf5fb8a);box-shadow:var(--ds-shadow-float),var(--ds-highlight);-webkit-backdrop-filter:blur(var(--ds-blur-shell)) saturate(145%);backdrop-filter:blur(var(--ds-blur-shell)) saturate(145%)}.studio-results{gap:16px;padding:0}.control-block,.reference-panel,.output-plan,.result-preview,.jobs,.orders,.admin-section,.package-card,.provider-form,.admin-row,.order-row,.generation-panel:not(.studio-panel),.recharge-panel,.admin-panel{position:relative;border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-card);background:linear-gradient(145deg,#ffffffd1,#f5f9fda6);box-shadow:var(--ds-shadow-panel),var(--ds-highlight);-webkit-backdrop-filter:blur(var(--ds-blur-panel)) saturate(135%);backdrop-filter:blur(var(--ds-blur-panel)) saturate(135%)}.result-preview,.jobs{border-radius:var(--ds-radius-panel);background:linear-gradient(150deg,#ffffffc2,#eff7fc99);box-shadow:var(--ds-shadow-float),var(--ds-highlight)}.account-panel:before,.workspace-topbar:before,.studio-controls:before,.control-block:before,.reference-panel:before,.output-plan:before,.result-preview:before,.jobs:before{position:absolute;top:1px;right:18px;left:18px;z-index:0;height:1px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.98),transparent);content:"";opacity:.8;pointer-events:none}.account-panel>*,.workspace-topbar>*,.studio-controls>*,.control-block>*,.reference-panel>*,.output-plan>*,.result-preview>*,.jobs>*{position:relative;z-index:1}.workspace-topbar h1{color:var(--ds-ink-strong);font-size:26px;font-weight:800;letter-spacing:-.045em}.eyebrow{color:#168f87;letter-spacing:.15em}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3,.orders h3,.admin-section h3{color:var(--ds-ink-strong);font-weight:800}.sidebar-brand span,.account-meta,.platform-button span,.reference-head small,.empty-text,.job-row p{color:var(--ds-ink-muted)}input,textarea,select,.platform-button,.check-line,.size-dropdown-trigger,.upload-zone,.reference-upload-zone,.result-card,.job-row,.connection-pill,.avatar-entry,button.secondary{border:1px solid rgba(255,255,255,.62);background:var(--ds-glass-control);box-shadow:var(--ds-shadow-control),var(--ds-highlight);-webkit-backdrop-filter:blur(var(--ds-blur-control)) saturate(130%);backdrop-filter:blur(var(--ds-blur-control)) saturate(130%)}input,textarea,select{color:var(--ds-ink);border-color:#6786a63d}.account-card{border:1px solid rgba(255,255,255,.72);border-radius:18px;background:linear-gradient(135deg,#e1fbf7d1,#e7f1ffb3);box-shadow:0 14px 32px #2e6b7a1f,var(--ds-highlight);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-mark{border:1px solid rgba(255,255,255,.3);background:linear-gradient(145deg,#132e3efa,#061620fa);box-shadow:0 12px 28px #0d233240,inset 0 1px #ffffff3d}button,.platform-button,.check-line,.result-card,.job-row,.upload-zone,.reference-upload-zone{transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s ease,background .18s ease,box-shadow .18s ease,color .18s ease}button.secondary:hover:not(:disabled),.platform-button:hover:not(:disabled),.check-line:hover,.result-card:hover,.job-row:hover,.upload-zone:hover,.reference-upload-zone:hover,.size-dropdown-trigger:hover{border-color:var(--ds-glass-border-bright);background:var(--ds-glass-hover);box-shadow:0 16px 34px #2a44601f,0 3px 10px #2a44600f,var(--ds-highlight);transform:translateY(-2px)}input:focus,textarea:focus,select:focus{border-color:#4bb1b09e;background:#ffffffe0;box-shadow:0 0 0 4px #4bbeb51a,0 14px 28px #2b4b671a,var(--ds-highlight)}.nav-button.selected,.platform-button.selected,.check-line:has(input:checked),.size-menu-row.selected,.size-custom-row.selected{border-color:#e0e7eeeb;background:#ffffffeb;color:var(--text-primary)}.nav-button{border:1px solid transparent;border-radius:13px;color:var(--ds-ink-muted)}.nav-button:hover{border-color:#ffffffb3;background:#ffffffa8;box-shadow:var(--ds-shadow-control),var(--ds-highlight);transform:translateY(-1px)}.nav-button.selected{box-shadow:inset 3px 0 #20a99c,var(--ds-selected-glow),var(--ds-highlight)}.generate-button{border:1px solid rgba(255,255,255,.48);border-radius:15px;background:linear-gradient(135deg,#37b9a8,#168f8d 52%,#277f9c);color:#fff;box-shadow:0 18px 38px #1f878b47,0 5px 14px #1f70812e,inset 0 1px #ffffff5c}.generate-button:hover:not(:disabled){border-color:#ffffffb8;background:linear-gradient(135deg,#43c7b6,#1a9b98 52%,#2c8ba8);box-shadow:0 22px 46px #1f878b57,0 7px 18px #1f708133,inset 0 1px #ffffff75;transform:translateY(-2px)}.result-preview .result-actions button,.result-card .result-card-footer>button,.mini-action-button{border:1px solid rgba(255,255,255,.7);background:#ffffffa3;color:#147f7a;box-shadow:var(--ds-shadow-control),var(--ds-highlight)}.result-preview .result-actions button:hover:not(:disabled),.result-card .result-card-footer>button:hover:not(:disabled),.mini-action-button:hover:not(:disabled){border-color:#4eb7b48a;background:linear-gradient(135deg,#e6fcf8f0,#e8f3ffe6);box-shadow:var(--ds-selected-glow),var(--ds-highlight);transform:translateY(-2px)}.result-card{overflow:hidden;border-radius:17px}.result-card-footer{background:#f9fcffb8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.job-row{border-color:#ffffffa3;background:linear-gradient(145deg,#ffffffa8,#eef6fb8a)}.output-chip-list span,.job-status,.local-reference-badge{border:1px solid rgba(255,255,255,.6);box-shadow:inset 0 1px #ffffff8c}.creative-modal-backdrop{background:#1a283a47;-webkit-backdrop-filter:blur(18px) saturate(120%);backdrop-filter:blur(18px) saturate(120%)}.creative-modal{border:1px solid var(--ds-glass-border);border-radius:var(--ds-radius-shell);background:#f8fbfec2;box-shadow:0 38px 100px #22364f47,var(--ds-highlight);-webkit-backdrop-filter:blur(40px) saturate(145%);backdrop-filter:blur(40px) saturate(145%)}@media(max-width:1180px){.cloud-shell{padding:16px}.dashboard{min-height:calc(100vh - 32px);grid-template-columns:220px minmax(0,1fr);gap:12px}.account-panel{top:16px;height:calc(100vh - 32px)}.workspace-topbar{top:16px}.studio-layout{grid-template-columns:minmax(390px,.94fr) minmax(420px,1.06fr);gap:12px}}@media(max-width:940px){.dashboard{grid-template-columns:76px minmax(0,1fr)}.account-panel{align-items:center;padding-inline:10px}.sidebar-brand{justify-content:center;padding-inline:0}.sidebar-brand>div:last-child,.account-panel>.account-card,.account-panel>.account-meta,.account-panel>.status-line{display:none}.dashboard-nav{width:100%}.nav-button,.side-actions button{width:100%;justify-content:center;padding-inline:0;font-size:0}.nav-button svg,.side-actions button svg{margin:0}.side-actions{width:100%;grid-template-columns:1fr}.studio-layout{grid-template-columns:1fr}.platform-group{grid-template-columns:repeat(3,minmax(0,1fr))}.checkbox-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-results{gap:14px}}@media(max-width:720px){.cloud-shell{padding:10px;overflow:visible}.dashboard{display:block;min-height:calc(100vh - 20px)}.account-panel{position:relative;top:0;height:auto;margin-bottom:10px;border-radius:20px}.workspace-topbar{top:10px;border-radius:18px}.studio-controls,.result-preview,.jobs{border-radius:20px}.platform-group,.checkbox-grid{grid-template-columns:1fr}}.dashboard{align-items:stretch}.workspace{display:flex;min-height:calc(100vh - 48px);flex-direction:column}.workspace-topbar{position:relative;top:auto;flex:0 0 auto;margin-bottom:16px}.workspace-content{display:flex;flex:1 1 auto;padding-bottom:0}.generation-panel.studio-panel{display:flex;width:100%;min-height:100%;flex-direction:column}.studio-layout{flex:1 1 auto;min-height:100%;align-items:stretch}.account-panel,.studio-controls,.studio-results{height:auto;min-height:100%;border:1px solid rgba(255,255,255,.88);background:linear-gradient(145deg,#ffffffe6,#f2f8fccc);box-shadow:0 18px 44px #2d466218,0 4px 14px #2d46620b,inset 0 1px #fffffffa;-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%)}.account-panel{position:relative;top:auto;align-self:stretch}.studio-controls,.studio-results{padding:14px;border-radius:var(--ds-radius-panel)}.studio-results{display:grid;min-width:0;align-content:start;gap:16px}.studio-results>.result-preview,.studio-results>.jobs{border-color:#758ea82e;background:#ffffff8f;box-shadow:0 8px 24px #2c445e0e,inset 0 1px #ffffffeb}@media(max-width:1180px){.workspace{min-height:calc(100vh - 32px)}}@media(max-width:940px){.workspace-content,.generation-panel.studio-panel{display:block}.studio-controls,.studio-results{min-height:0}}@media(max-width:720px){.workspace{min-height:auto}.workspace-topbar{top:auto}}html,body,#root{background:#edf4f9}.cloud-shell{display:grid;grid-template-rows:66px minmax(0,1fr);padding:0;border:0;border-radius:0;background:radial-gradient(circle at 68% 0%,rgba(174,215,243,.32),transparent 37%),linear-gradient(135deg,#f8fafc,#eaf2f8);box-shadow:none;overflow:hidden}.desktop-chrome{position:relative;z-index:100;display:grid;grid-template-rows:34px 32px;border-bottom:1px solid rgba(139,160,183,.2);background:linear-gradient(180deg,#ffffffd6,#f4f8fcc2);box-shadow:inset 0 1px #fffffffa;-webkit-backdrop-filter:blur(28px) saturate(135%);backdrop-filter:blur(28px) saturate(135%)}.desktop-titlebar{display:flex;align-items:center;justify-content:space-between;padding-left:14px;-webkit-app-region:drag}.desktop-app-title{display:inline-flex;align-items:center;gap:8px;color:#1c2e45;font-size:12px}.desktop-app-icon{display:grid;width:21px;height:21px;place-items:center;border-radius:6px;background:linear-gradient(145deg,#193245,#091924);color:#fff;box-shadow:0 4px 10px #0f25342e}.window-controls{display:flex;height:100%;align-items:stretch;-webkit-app-region:no-drag}.window-controls button{display:grid;width:46px;min-width:46px;min-height:0;height:100%;padding:0;place-items:center;border:0!important;border-radius:0!important;background:transparent!important;color:#28384d!important;box-shadow:none!important;transform:none!important}.window-controls button:hover{background:#708ba61f!important}.window-controls .window-close:hover{background:#e5484d!important;color:#fff!important}.desktop-menubar{display:flex;align-items:center;gap:4px;padding:0 10px;color:#27384f;font-size:12px;-webkit-app-region:no-drag}.desktop-menubar span{padding:5px 10px;border-radius:6px}.desktop-menubar span:hover{background:#64809e1a}.avatar-menu-wrap{position:relative;display:inline-flex}.avatar-entry{border:1px solid rgba(255,255,255,.72)!important;background:#ffffff8f!important;color:#22354d!important;box-shadow:inset 0 1px #ffffffd1,0 8px 20px #30486214!important}.avatar-menu{position:absolute;top:calc(100% + 8px);right:0;z-index:20;display:grid;width:220px;gap:8px;padding:12px;border:1px solid rgba(255,255,255,.78);border-radius:16px;background:#fafcfff0;box-shadow:0 18px 44px #2d466229,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(24px) saturate(135%);backdrop-filter:blur(24px) saturate(135%)}.avatar-menu strong,.avatar-menu small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.avatar-menu small{color:var(--text-secondary)}.app-content{min-width:0;min-height:0;padding:12px 14px 14px;overflow:hidden;background:radial-gradient(circle at 64% 0%,rgba(176,216,242,.28),transparent 38%),linear-gradient(135deg,#f8fbfdf0,#ebf3f9f5)}.account-panel,.workspace-topbar,.studio-controls,.studio-results{border-color:#ffffff75!important;background:#fff3!important;box-shadow:inset 0 1px #ffffff94,0 1px #6c87a30d!important;-webkit-backdrop-filter:blur(10px) saturate(112%);backdrop-filter:blur(10px) saturate(112%)}.check-line input[type=checkbox]{appearance:none;-webkit-appearance:none;display:inline-grid;flex:0 0 16px;width:16px;height:16px;margin:0;padding:0;place-content:center;border:1px solid rgba(94,119,145,.52);border-radius:3px;background:#ffffffeb;box-shadow:inset 0 1px 2px #2d42580f;vertical-align:middle}.check-line input[type=checkbox]:before{width:8px;height:5px;border-bottom:2px solid #fff;border-left:2px solid #fff;content:"";opacity:0;transform:translateY(-1px) rotate(-45deg) scale(.6);transition:opacity .12s ease,transform .12s ease}.check-line input[type=checkbox]:checked{border-color:#16968b;background:#16968b;box-shadow:0 3px 8px #16968b33}.check-line input[type=checkbox]:checked:before{opacity:1;transform:translateY(-1px) rotate(-45deg) scale(1)}.check-line label{display:flex;min-width:0;align-items:center;gap:9px}.app-content{background:radial-gradient(circle at 64% 0%,rgba(176,216,242,.2),transparent 42%),linear-gradient(135deg,#f4f8fb,#edf4f9 52%,#eaf2f8)}.account-panel,.workspace-topbar,.studio-controls,.studio-results{border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;-webkit-backdrop-filter:none;backdrop-filter:none}.account-panel:before,.workspace-topbar:before,.studio-controls:before{display:none}.studio-layout{background:transparent}.account-panel,.studio-controls,.studio-results{clip-path:none;overflow:hidden}@media(min-width:721px){html,body,#root{width:100%;height:100%;overflow:hidden}body{font-size:14px}.cloud-shell{width:100%;height:100vh;min-height:0;padding:0;overflow:hidden}.dashboard{grid-template-columns:280px minmax(0,1fr);width:100%;height:100%;min-height:0;align-items:stretch;gap:14px;overflow:hidden}.account-panel{position:relative;top:auto;width:100%;height:100%;min-height:0;align-self:stretch;padding:22px 18px 18px;overflow:hidden;border-radius:24px;clip-path:inset(0 round 24px)}.workspace{display:flex;width:100%;height:100%;min-height:0;flex-direction:column;overflow:hidden}.workspace-topbar{position:relative;top:auto;min-height:88px;flex:0 0 88px;margin-bottom:14px;padding:16px 26px;border-radius:24px}.workspace-topbar h1{font-size:28px}.workspace-content{display:flex;min-height:0;flex:1 1 auto;padding:0;overflow:hidden}.generation-panel.studio-panel{display:flex;width:100%;height:100%;min-height:0;flex-direction:column}.studio-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);width:100%;height:100%;min-height:0;flex:1 1 auto;align-items:stretch;gap:14px}.studio-controls,.studio-results{width:100%;height:100%;min-height:0;padding:14px;overflow-x:hidden;border-radius:24px;clip-path:inset(0 round 24px);scrollbar-width:none;-ms-overflow-style:none}.studio-controls{display:grid;align-content:start;gap:12px;overflow-y:auto;overscroll-behavior:contain}.studio-results{display:grid;grid-template-rows:minmax(0,1.72fr) minmax(210px,.72fr);align-content:stretch;gap:12px;overflow:hidden}.studio-controls::-webkit-scrollbar,.result-preview::-webkit-scrollbar,.jobs::-webkit-scrollbar{display:none}.studio-results>.result-preview,.studio-results>.jobs{min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.studio-results>.result-preview{padding:16px}.studio-results>.jobs{padding:14px}.control-block,.reference-panel,.output-plan{gap:9px;padding:13px;border-radius:17px}.platform-button{min-height:72px;padding:10px 11px}.studio-prompt{min-height:112px;font-size:14px}.control-block h3,.reference-copy span,.result-preview h3,.jobs h3{font-size:15px}.platform-button strong,.result-group-head strong{font-size:14px}.platform-button span,.reference-head small,.important-note,.result-actions>span{font-size:11px}.result-grid{grid-template-columns:minmax(0,1fr)}.result-card{border-radius:16px}.result-card-media img{width:100%;height:clamp(280px,38vh,410px);max-height:none;object-fit:contain}.result-card-footer{min-height:58px;padding:9px 12px}.job-row{padding:12px}.job-row p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}}@media(min-width:721px)and (max-width:1180px){.dashboard{grid-template-columns:78px minmax(0,1fr);height:100%;gap:10px}.workspace-topbar{min-height:76px;flex-basis:76px;margin-bottom:10px}.studio-layout{gap:10px}}.studio-results .result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-results .result-card-media img{height:clamp(180px,28vh,320px);max-height:none;object-fit:contain}.workspace-content>.admin-panel,.workspace-content>.recharge-panel{max-height:calc(100vh - 150px);overflow-y:auto}@media(max-width:720px){.studio-results .result-grid{grid-template-columns:minmax(0,1fr)}}.web-shell{min-height:100vh;background:radial-gradient(circle at 12% 18%,rgba(45,212,191,.18),transparent 28%),radial-gradient(circle at 85% 8%,rgba(96,165,250,.18),transparent 26%),linear-gradient(135deg,#f7fbff,#edf6fb 46%,#f8fbff)}.web-shell .app-content{min-height:100vh;padding:0}.web-auth-page,.web-dashboard{min-height:100vh;color:#15243a}.web-public-header,.web-app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px clamp(24px,4vw,64px)}.web-brand{display:flex;align-items:center;gap:12px}.web-brand-mark,.web-user-avatar{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:16px;background:#ffffffc7;box-shadow:0 18px 40px #2c486e24;border:1px solid rgba(255,255,255,.75)}.web-brand strong{display:block;font-size:17px}.web-brand span,.web-panel-title p,.web-hero-card p,.web-user-card small,.web-status-card{color:#64748b}.web-status-pill,.web-credit-pill{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:999px;background:#ffffffc2;border:1px solid rgba(255,255,255,.76);box-shadow:0 14px 34px #2c486e1f}.web-status-pill span{width:8px;height:8px;border-radius:999px;background:#14b8a6;box-shadow:0 0 0 5px #14b8a61f}.web-auth-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:28px;width:min(1180px,calc(100% - 48px));margin:34px auto 0}.web-hero-card,.web-auth-panel,.web-user-panel,.web-workspace-main{border-radius:30px;background:#ffffffb8;border:1px solid rgba(255,255,255,.78);box-shadow:0 30px 80px #2c486e24;-webkit-backdrop-filter:blur(26px);backdrop-filter:blur(26px)}.web-hero-card{min-height:560px;padding:64px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative}.web-hero-card:after{content:"";position:absolute;width:380px;height:380px;right:-90px;bottom:-120px;border-radius:50%;border:54px solid rgba(20,184,166,.08)}.web-hero-badge,.web-hero-points{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web-hero-badge{width:fit-content;padding:10px 14px;border-radius:999px;background:#14b8a61a;color:#0f766e;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.web-hero-card h1{max-width:650px;margin:22px 0 18px;font-size:clamp(44px,5vw,68px);line-height:1.04;letter-spacing:-.06em}.web-hero-card p{max-width:560px;font-size:18px;line-height:1.8}.web-hero-points span{margin-top:24px;padding:10px 14px;border-radius:999px;background:#fffc;color:#0f766e;font-weight:700}.web-auth-panel{padding:32px;align-self:center}.web-panel-title{display:flex;gap:12px;align-items:flex-start;margin-bottom:24px}.web-panel-title h2{margin:0 0 6px;font-size:24px}.web-auth-panel label{display:grid;gap:8px;margin-bottom:16px;font-weight:700}.web-nav,.web-account-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.web-nav-button{background:#ffffffb8}.web-nav-button.selected{color:#0f766e;border-color:#14b8a673;background:linear-gradient(135deg,#ccfbf1e6,#dbeafed9)}.web-workspace{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;width:min(1440px,calc(100% - 48px));margin:0 auto;padding-bottom:42px}.web-user-panel{padding:20px;align-self:start;position:sticky;top:18px}.web-user-card{display:grid;gap:8px;justify-items:start}.web-user-avatar{color:#0f766e;font-weight:900}.web-status-card{display:flex;gap:10px;margin-top:20px;padding-top:20px;border-top:1px solid rgba(148,163,184,.2);line-height:1.6}.web-workspace-main{padding:18px}.web-workspace-main>.generation-panel,.web-workspace-main>.recharge-panel,.web-workspace-main>.admin-panel{box-shadow:none;border:0;background:transparent;padding:0}@media(max-width:980px){.web-auth-grid,.web-workspace{grid-template-columns:1fr}.web-hero-card{min-height:auto;padding:36px}.web-app-header{align-items:flex-start;flex-direction:column}.web-user-panel{position:static}}