@import "https://fonts.googleapis.com/css2?family=ZCOOL+QingKe+HuangYou&family=Noto+Sans+SC:wght@400;500;700;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500;700&display=swap";:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef2f6;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html,body,#root{min-height:100%;margin:0}body{min-width:320px}#root{min-height:100svh}*{box-sizing:border-box}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.studio-shell{--ink:#172033;--ink-soft:#253248;--muted:#68768a;--muted-strong:#435269;--bg:#f5f7f8;--surface:#ffffffeb;--surface-solid:#fff;--surface-soft:#f4f8f7;--surface-warm:#fff7ec;--line:#dce4ea;--line-strong:#aebdca;--accent:#0b8f91;--accent-strong:#075e62;--accent-soft:#e5f7f5;--coral:#c85f44;--coral-soft:#fff0e9;--gold:#a77923;--gold-soft:#fff5dc;--violet:#6b6dd6;--violet-soft:#eeefff;--sky:#2f80ed;--sky-soft:#eaf3ff;--green:#257657;--green-soft:#e8f7ee;--danger:#b42318;--danger-soft:#fff1f0;--focus:#0b8f9133;--shadow:0 18px 44px #222e401f;--shadow-soft:0 10px 24px #222e4014;--shadow-tiny:0 5px 14px #222e400f;background:linear-gradient(135deg, #e8f7f5c7, #fafaff9e 42%, #fff7ecb8), linear-gradient(90deg, #0b8f910d, transparent 26%, #6b6dd60d 68%, transparent), var(--bg);color:var(--ink);isolation:isolate;grid-template-columns:minmax(292px,328px) minmax(0,1fr) minmax(336px,382px);width:100%;height:100svh;min-height:100svh;font-size:14px;display:grid;overflow:hidden}.studio-shell:before{content:"";opacity:.8;pointer-events:none;z-index:0;background:linear-gradient(90deg,#0b8f9111 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#6b6dd60e 1px,#0000 1px) 0 0/44px 44px,linear-gradient(90deg,#0000 0 72px,#c85f4414 72px 73px,#0000 73px 100%) 0 0/220px 100%;position:fixed;inset:0;-webkit-mask-image:linear-gradient(90deg,#00000061,#00000029);mask-image:linear-gradient(90deg,#00000061,#00000029)}.left-panel,.right-panel,.workspace{z-index:1;min-width:0;position:relative}.left-panel,.right-panel{background:linear-gradient(180deg, #fffffff5, #f8faf7e6), var(--surface-solid);scrollbar-gutter:stable;border-color:#b9c7d3b8;flex-direction:column;gap:16px;padding:18px;display:flex;overflow:auto}.left-panel{border-right:1px solid var(--line);box-shadow:10px 0 26px #2734490d}.right-panel{border-left:1px solid var(--line);box-shadow:-10px 0 26px #2734490d}.right-panel>*{order:20}.left-panel::-webkit-scrollbar{width:10px;height:10px}.right-panel::-webkit-scrollbar{width:10px;height:10px}.workspace::-webkit-scrollbar{width:10px;height:10px}.prompt-preview::-webkit-scrollbar{width:10px;height:10px}.left-panel::-webkit-scrollbar-thumb{background:#c7d3dc padding-box padding-box;border:3px solid #0000;border-radius:8px}.right-panel::-webkit-scrollbar-thumb{background:#c7d3dc padding-box padding-box;border:3px solid #0000;border-radius:8px}.workspace::-webkit-scrollbar-thumb{background:#c7d3dc padding-box padding-box;border:3px solid #0000;border-radius:8px}.prompt-preview::-webkit-scrollbar-thumb{background:#c7d3dc padding-box padding-box;border:3px solid #0000;border-radius:8px}.brand-block{flex:none;align-items:center;gap:12px;min-width:0;padding:2px 2px 6px;display:flex}.brand-copy{gap:2px;min-width:0;display:grid}.app-mark{background:0 0;border:0;border-radius:8px;flex:0 0 42px;justify-content:center;align-items:center;height:42px;display:inline-flex;overflow:hidden;box-shadow:0 10px 24px #087b7f2e}.app-mark img{width:42px;height:42px;display:block}.brand-block h1,.workspace-header h2{color:var(--ink);margin:0;font-size:19px;line-height:1.2}.brand-block p,.workspace-header p,.history-header p,.result-body p{color:var(--muted);margin:4px 0 0;font-size:13px;line-height:1.45}.panel-section{background:#ffffff94;border:1px solid #d9e1e8cc;border-radius:8px;flex-direction:column;gap:10px;min-width:0;padding:12px;display:flex}.right-panel .panel-section{background:#ffffffa8}.featured-card{border-color:#087b7f47}.brand-kit-panel textarea{min-height:72px}.brand-chip-list{flex-wrap:wrap;gap:6px;min-height:24px;display:flex}.brand-chip-list span{color:#075d60;overflow-wrap:anywhere;background:#e3f6f5eb;border:1px solid #087b7f2e;border-radius:999px;max-width:100%;padding:5px 8px;font-size:11px;font-weight:800;line-height:1}.brand-chip-list .blocked{color:#9f4328;background:#ffefe8f0;border-color:#b85b3a33}.featured-card span:before{content:"";background:linear-gradient(135deg,#087b7f,#b85b3a);border-radius:999px;flex:0 0 7px;width:7px;height:7px}.section-title,.eyebrow{color:var(--muted-strong);letter-spacing:0;align-items:center;gap:6px;font-size:12px;font-weight:850;display:flex}.eyebrow{color:var(--accent-strong)}.industry-list,.template-list,.field-list,.project-list{flex-direction:column;gap:8px;min-width:0;display:flex}.nav-item,.template-card,.tabs button,.segmented button,.ghost-button,.card-actions button,.project-actions button,.job-actions button{border:1px solid var(--line);color:var(--ink);background:#ffffffe6;border-radius:8px;justify-content:center;align-items:center;gap:7px;transition:background .14s,border-color .14s,color .14s,box-shadow .14s,transform .14s;display:inline-flex}.nav-item:hover,.template-card:hover,.tabs button:hover,.segmented button:hover,.ghost-button:hover,.card-actions button:hover,.project-actions button:hover,.job-actions button:hover{border-color:var(--line-strong);transform:translateY(-1px);box-shadow:0 8px 18px #27344912}.nav-item,.template-card{text-align:left;justify-content:space-between;width:100%;min-width:0;padding:9px 10px}.template-card{flex-direction:column;align-items:flex-start}.nav-item span,.template-card span,.result-body strong{overflow-wrap:anywhere;align-items:center;gap:6px;min-width:0;display:flex}.nav-item small{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted);border-radius:999px;flex:none;padding:4px 7px;font-size:11px;line-height:1}.template-card small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.35;display:block}.nav-item.active,.template-card.active,.tabs button.active,.segmented button.active{color:var(--accent-strong);background:linear-gradient(135deg,#e3f6f5fa,#fff4e0eb);border-color:#79c5c8;box-shadow:inset 0 0 0 1px #087b7f1a,0 8px 18px #087b7f14}.project-editor{border:1px solid var(--line);background:linear-gradient(#fafcfaeb,#fffaf1b3);border-radius:8px;gap:8px;padding:10px;display:grid}.project-editor input.input-error{border-color:#d94a3a;box-shadow:0 0 0 3px #d94a3a1f}.project-requirement{min-height:96px}.project-error-text{color:#b63328;margin-top:-3px;font-size:12px;font-weight:650;line-height:1.35}.project-actions{grid-template-columns:1fr;gap:8px;display:grid}.project-actions button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:8px 6px;overflow:hidden}.project-actions .danger-action{color:#b63328;border-color:#d94a3a6b}.project-actions .danger-action:not(:disabled):hover{background:#fff8f7;border-color:#d94a3ab8}.workspace{scrollbar-gutter:stable;background:linear-gradient(#fff3,#f4f8f77a);flex-direction:column;gap:18px;padding:38px 24px 24px;scroll-padding-top:38px;display:flex;overflow:auto}.workspace-header,.history-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.workspace-header{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffff7,#f6fdfbf0 50%,#fff8edf0);border:1px solid #beced9e6;border-radius:8px;min-height:142px;margin-top:2px;padding:30px 22px 22px;position:relative;overflow:visible}.workspace-header>div{min-width:0}.workspace-header>div,.workspace-header>button{z-index:1;position:relative}.workspace-header-actions{z-index:2;flex-wrap:wrap;flex:0 auto;justify-content:flex-end;align-items:center;gap:8px;min-width:190px;display:flex;position:relative}.workspace-header:after{content:"";background:linear-gradient(135deg,#09686ceb,#0f8b81c7),linear-gradient(90deg,#0000 0 12%,#ffffff4d 12% 13%,#0000 13% 100%),linear-gradient(#0000 0 28%,#ffffff3d 28% 29%,#0000 29% 100%);border:1px solid #ffffffb8;border-radius:8px;flex:0 0 210px;align-self:stretch;min-height:82px;box-shadow:inset 0 0 0 1px #ffffff2e,0 14px 30px #087b7f29}.workspace-header:before{content:"";opacity:.9;pointer-events:none;z-index:1;background:linear-gradient(135deg,#f7d6b7 0 24%,#0000 24%),linear-gradient(45deg,#0000 0 58%,#c95d3b 58% 74%,#0000 74%),linear-gradient(135deg,#0000 0 42%,#ffffffeb 42% 62%,#0000 62%);border-radius:8px;width:132px;height:58px;position:absolute;top:30px;right:42px}.ghost-button{white-space:nowrap;flex:none;padding:9px 12px}.ghost-button.full-width{width:100%}.agent-hero-button{color:#fff;text-align:center;white-space:nowrap;background:linear-gradient(135deg,#075e62,#0b8f91 48%,#6b6dd6 78%,#c85f44);border:0;border-radius:8px;flex:none;justify-content:center;align-items:center;gap:8px;min-width:0;min-height:40px;padding:10px 13px;font-weight:900;display:inline-flex;box-shadow:0 14px 26px #087b7f3d}.agent-hero-button.full-width{width:100%}.agent-hero-button:hover{filter:saturate(1.06);transform:translateY(-1px);box-shadow:0 18px 32px #087b7f4d}.agent-inline-callout{color:#7a4c09;text-align:left;background:#fff5dceb;border:1px solid #a7792342;border-radius:8px;align-items:center;margin-top:10px;padding:8px 11px;font-size:14px;font-weight:920;line-height:1.35;display:inline-flex}.agent-inline-callout:hover{background:#fff0c8;border-color:#a779236b}.admin-config-grid{gap:10px;min-width:0;display:grid}.license-status{border:1px solid var(--line);border-radius:8px;gap:3px;padding:10px;display:grid}.license-status strong{color:var(--ink);font-size:13px}.license-status span{color:var(--muted);font-size:12px;line-height:1.4}.license-status.active{background:var(--green-soft);border-color:#24704f33}.license-status.active strong{color:var(--green)}.license-status.warning{background:var(--danger-soft);border-color:#b4231833}.license-status.warning strong{color:var(--danger)}.license-gate-shell{justify-content:center;align-items:center;min-height:100vh;padding:28px;display:flex}.license-gate{gap:18px;width:min(100%,560px);max-width:560px;display:grid}.license-gate-brand{justify-content:center}.license-gate-card{background:linear-gradient(180deg, #fffffffa, #f5fcfaf0), var(--surface);box-shadow:var(--shadow-strong);border:1px solid #beced9e6;border-radius:8px;gap:14px;padding:22px;display:grid}.license-gate-card h2{color:var(--ink);margin:8px 0 6px;font-size:24px;line-height:1.2}.license-gate-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.7}.editor-grid{grid-template-columns:minmax(280px,.92fr) minmax(320px,1.08fr);gap:18px;display:grid}.field-panel,.preview-panel,.history-panel{background:var(--surface);box-shadow:var(--shadow-soft);border:1px solid #beced9e0;border-radius:8px;min-width:0;padding:16px}.preview-panel{background:linear-gradient(#fffffff5,#fafcfaf0)}.field-row,.input-row{flex-direction:column;gap:6px;min-width:0;display:flex}.field-row span,.input-row span{color:#344054;font-size:13px;font-weight:760}input,select,textarea{border:1px solid var(--line);color:var(--ink);background:#fffffff0;border-radius:8px;outline:none;width:100%;min-width:0;padding:9px 10px}textarea{resize:vertical;line-height:1.55}input::placeholder,textarea::placeholder{color:#98a2b3}input:focus,select:focus,textarea:focus,button:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus);outline:none}.tabs,.segmented{gap:6px;display:grid}.tabs{border:1px solid var(--line);background:linear-gradient(#f6f9faf5,#fffaf1c2);border-radius:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:12px;padding:4px}.segmented,.aspect-ratio-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.resolution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mode-grid,.edit-intent-grid,.quality-scenario-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button,.segmented button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:8px 6px;overflow:hidden}.resolution-grid button,.mode-grid button,.edit-intent-grid button,.quality-scenario-grid button{align-items:stretch;gap:2px;line-height:1.25;display:grid}.resolution-grid strong,.resolution-grid span,.mode-grid strong,.mode-grid span,.edit-intent-grid strong,.edit-intent-grid span,.quality-scenario-grid strong,.quality-scenario-grid span{text-overflow:ellipsis;min-width:0;display:block;overflow:hidden}.resolution-grid span,.mode-grid span,.edit-intent-grid span,.quality-scenario-grid span{color:var(--muted);white-space:normal;font-size:11px}.strategy-note{color:#315a5e;background:#087b7f14;border:1px solid #087b7f2e;border-radius:8px;margin:8px 0 2px;padding:9px 10px;font-size:12px;line-height:1.5}.smart-strategy-panel{background:linear-gradient(135deg,#eef8f7f5,#fff8e8e6)}.smart-strategy-card{background:#ffffffd1;border:1px solid #087b7f2e;border-radius:8px;gap:5px;margin-bottom:10px;padding:10px;display:grid}.smart-strategy-card strong{color:var(--accent-strong);font-size:14px}.smart-strategy-card span,.smart-strategy-card small{color:var(--muted);font-size:12px;line-height:1.45}.price-note{margin-top:8px}.hd-price-strip{background:#ffffffc7;border:1px solid #beced9d6;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;padding:9px 10px;display:flex}.hd-price-strip span{color:var(--muted);font-size:12px}.hd-price-strip strong{color:var(--accent-strong);text-align:right;font-size:13px}.edit-detail-panel{gap:8px;display:grid}.edit-detail-panel textarea{min-height:56px}.control-label{color:#344054;font-size:13px;font-weight:850}.prompt-preview{border:1px solid var(--line);background-color:#fffdf8;background-image:linear-gradient(90deg,#087b7f09 1px,#0000 1px),linear-gradient(#b85b3a09 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:350px;padding:14px;overflow:auto}.prompt-preview p,.prompt-preview pre{color:#253247;overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:14px;line-height:1.72}.prompt-edit-textarea{color:var(--ink-soft);resize:vertical;white-space:pre-wrap;background:#fffffff5;border-color:#0b8f9138;min-height:230px;line-height:1.68}.variant-list{flex-direction:column;gap:10px;display:flex}.variant-list button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fffffff0;border-radius:8px;padding:10px;line-height:1.5}.variant-list strong,.variant-list span{overflow-wrap:anywhere;display:block}.variant-list span{color:#475467;margin-top:6px;font-size:13px}.helper-text{color:var(--muted);margin:4px 0 12px;font-size:13px;line-height:1.5}.local-save-copy{margin:0}.field-row em{background:var(--green-soft);color:var(--green);border:1px solid #24704f1f;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:11px;font-style:normal}.field-row.has-error>span{color:#d92d20}.field-row.has-error input,.field-row.has-error select,.field-row.has-error textarea{background:#fff8f7;border-color:#f04438;box-shadow:0 0 0 3px #f044381c}.field-row.has-error{background:#fff8f7;border-left:3px solid #d92d20;border-radius:8px;padding:8px 0 8px 10px}.field-row.has-error em.error-badge{background:var(--danger-soft);color:#d92d20;border-color:#b4231847}.field-row small{color:var(--muted);font-size:12px;line-height:1.4}.field-row .field-error-text{color:#d92d20;font-weight:760}.negative-box{border:1px solid #eec37b;border-left:4px solid var(--gold);color:#7a3e0f;background:linear-gradient(135deg,#fff5dffa,#fff0e7f5);border-radius:8px;gap:6px;margin-top:12px;padding:12px;display:grid}.negative-box strong{font-size:13px}.negative-box span{overflow-wrap:anywhere;font-size:13px;line-height:1.5}.prompt-editor-meta{color:var(--muted);justify-content:space-between;align-items:center;font-size:12px;display:flex}.prompt-editor-meta .over-limit{color:var(--danger);font-weight:850}.prompt-agent-panel{box-shadow:var(--shadow-soft);background:linear-gradient(#fffffffa,#fafdfcf0);border:1px solid #beced9e0;border-radius:8px;gap:12px;min-width:0;padding:16px;display:grid}.prompt-agent-entry{background:linear-gradient(135deg,#e5f7f5f5,#eeefffdb 52%,#fff5dcf0),#ffffffdb;border-color:#0b8f915c;box-shadow:0 16px 30px #087b7f21}.prompt-agent-loud-title{color:var(--ink);font-size:18px;font-weight:950;line-height:1.25;display:block}.prompt-agent-mini-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prompt-agent-mini-actions button{color:var(--accent-strong);white-space:nowrap;background:#ffffffd6;border:1px solid #0b8f9133;border-radius:8px;min-width:0;padding:8px;font-size:12px;font-weight:850}.prompt-agent-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.prompt-agent-header .helper-text{margin-bottom:0}.prompt-agent-skill{border:1px solid var(--line);background:linear-gradient(#f7faf8fa,#fffaf1db);border-radius:8px;gap:9px;padding:10px;display:grid}.prompt-agent-skill label{color:var(--ink-soft);align-items:center;gap:8px;font-size:13px;font-weight:850;display:flex}.prompt-agent-skill label input{flex:none;width:auto}.prompt-agent-skill-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.prompt-agent-skill-stats span,.prompt-agent-skill-preview{color:var(--muted);overflow-wrap:anywhere;background:#ffffffbd;border:1px solid #d9e1e8d6;border-radius:8px;min-width:0;padding:8px;font-size:12px;line-height:1.45}.prompt-agent-skill-stats strong{color:var(--accent-strong);margin-top:2px;font-size:13px;display:block}.prompt-agent-skill-preview{color:var(--ink-soft);white-space:pre-wrap}.prompt-agent-plan{background:linear-gradient(135deg,#e5f7f5fa,#eeefffe0 56%,#fff5dce6),#ffffffe6;border:1px solid #0b8f915c;border-radius:8px;gap:10px;padding:12px;display:grid}.prompt-agent-plan-heading{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.prompt-agent-plan-heading div{gap:3px;min-width:0;display:grid}.prompt-agent-plan-heading span,.prompt-agent-plan>small{color:var(--muted-strong);font-size:11px;font-weight:850;line-height:1.35}.prompt-agent-plan-heading strong{color:var(--ink);overflow-wrap:anywhere;font-size:16px;line-height:1.25}.prompt-agent-plan-heading small{color:var(--accent-strong);white-space:nowrap;background:#fffc;border:1px solid #0b8f9133;border-radius:999px;flex:none;padding:5px 8px;font-size:11px;font-weight:850}.prompt-agent-plan p,.prompt-agent-plan pre{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.prompt-agent-plan pre{background:#ffffffb8;border:1px solid #d9e1e8d1;border-radius:8px;padding:9px}.prompt-agent-plan-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;display:grid}.prompt-agent-plan-fields span{color:var(--muted-strong);overflow-wrap:anywhere;background:#ffffffc7;border:1px solid #d9e1e8db;border-radius:8px;gap:4px;min-width:0;padding:8px;font-size:12px;line-height:1.45;display:grid}.prompt-agent-plan-fields b{color:var(--accent-strong);font-size:12px}.prompt-agent-plan-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.prompt-agent-plan-actions button{color:var(--accent-strong);background:#ffffffe6;border:1px solid #0b8f913d;border-radius:8px;justify-content:center;align-items:center;gap:6px;min-width:0;padding:8px 7px;font-size:12px;font-weight:850;display:inline-flex}.prompt-agent-plan-actions button:nth-child(2){background:linear-gradient(135deg, var(--accent-strong), var(--accent));border-color:var(--accent-strong);color:#fff}.prompt-agent-chat{border:1px solid var(--line);background-color:#fffdf8;background-image:linear-gradient(90deg,#087b7f06 1px,#0000 1px),linear-gradient(#b85b3a06 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;gap:10px;max-height:260px;padding:12px;display:grid;overflow:auto}.prompt-agent-message{border:1px solid var(--line);border-radius:8px;gap:5px;max-width:82%;padding:10px;display:grid}.prompt-agent-message span{color:var(--muted-strong);font-size:11px;font-weight:850}.prompt-agent-message p{color:var(--ink-soft);overflow-wrap:anywhere;white-space:pre-wrap;margin:0;font-size:13px;line-height:1.55}.prompt-agent-message.assistant{background:#e3f6f5cc;justify-self:start}.prompt-agent-message.thinking{border-color:#0b8f9161;box-shadow:0 0 0 3px #0b8f9114}.prompt-agent-message.thinking p:after{content:"";min-width:18px;animation:1.2s infinite jiayi-thinking-dots;display:inline-block}.prompt-agent-message.user{background:#fff5dfd1;justify-self:end}.prompt-agent-suggestions{flex-wrap:wrap;gap:8px;display:flex}.prompt-agent-suggestions button{border:1px solid var(--line);color:var(--accent-strong);background:#ffffffe6;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.prompt-agent-suggestions button:hover{border-color:#79c5c8;box-shadow:0 8px 16px #087b7f14}.prompt-agent-suggestions button:disabled,.prompt-agent-input textarea:disabled,.prompt-agent-input button:disabled{cursor:wait;opacity:.68}.prompt-agent-input{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:10px;display:grid}.prompt-agent-input textarea{min-height:58px}.prompt-agent-input button{background:var(--accent);border:1px solid var(--accent-strong);color:#fff;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-width:158px;padding:9px 12px;font-weight:850;display:inline-flex}@keyframes jiayi-thinking-dots{0%{content:""}33%{content:"."}66%{content:".."}to{content:"..."}}.workspace-header{order:0}.editor-grid{order:3}.agent-command-center{background:linear-gradient(135deg,#fffffffa,#e5f7f5f0 48%,#fff7eceb),#fff;border-color:#0b8f9161;box-shadow:0 24px 56px #075e6224}.agent-command-center .prompt-agent-header h3{color:var(--ink);margin:8px 0 6px;font-size:24px;font-weight:950;line-height:1.16}.agent-flow-strip{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.agent-flow-strip span{color:var(--muted-strong);background:#ffffffd1;border:1px solid #0b8f912e;border-radius:8px;align-items:center;gap:7px;min-width:0;padding:8px;font-size:12px;font-weight:850;display:inline-flex}.agent-flow-strip b{background:var(--accent);color:#fff;border-radius:999px;flex:0 0 22px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.agent-match-card{color:#fff;background:linear-gradient(135deg,#075e62f5,#0b8f91e6 52%,#6b6dd6d1);border:1px solid #ffffff47;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px;display:flex}.agent-match-card div{gap:4px;min-width:0;display:grid}.agent-match-card span,.agent-match-card small{color:#ffffffc2;font-size:12px;line-height:1.35}.agent-match-card strong{color:#fff;overflow-wrap:anywhere;font-size:16px;line-height:1.25}.agent-match-card small{overflow-wrap:anywhere;text-align:right;max-width:38ch}.studio-shell{--ink:#142033;--ink-soft:#263346;--muted:#667085;--muted-strong:#46556c;--bg:#eef2f5;--surface:#fffffff0;--surface-solid:#fff;--surface-soft:#f5f7fa;--surface-warm:#fff6e8;--line:#d8e1e8;--line-strong:#aebdca;--accent:#0b8f91;--accent-strong:#075e62;--accent-soft:#e5f7f5;--coral:#c95f46;--coral-soft:#fff0e9;--gold:#a77923;--gold-soft:#fff5dc;--violet:#5964d9;--violet-soft:#eef0ff;--sky:#2563eb;--sky-soft:#eaf1ff;--green:#257657;--green-soft:#e8f7ee;--danger:#b42318;--danger-soft:#fff1f0;--focus:#0b8f9138;--shadow:0 22px 52px #12203324;--shadow-soft:0 14px 30px #12203317;--shadow-tiny:0 6px 16px #12203312;background:linear-gradient(180deg, #f8fafc 0, #eef3f6 46%, #e9eef3 100%), var(--bg);grid-template-columns:276px minmax(0,1fr) 356px}.studio-shell:before{display:none}.left-panel{background:linear-gradient(#0f1826fa,#131f31fa),#111827;border-right:1px solid #94a3b838;gap:14px;padding:16px;box-shadow:14px 0 34px #0f172a2e}.right-panel{background:linear-gradient(#fffffffa,#f7fafcf5),#fff;border-left:1px solid #cbd5e1e0;gap:12px;padding:16px;box-shadow:-14px 0 34px #12203312}.right-panel .local-save-panel{order:1}.right-panel .generation-settings-panel{order:2}.right-panel .generate-button{order:3}.right-panel .generation-status-banner{order:4}.right-panel .task-status-panel{order:5}.right-panel .compact-tools-panel{order:6}.right-panel .brand-kit-panel,.right-panel .trust-dashboard{order:7}.right-panel .trust-policy-panel{order:8}.right-panel .system-tools-panel{order:9}.brand-block{background:linear-gradient(135deg,#090e19f5,#102b37f5 58%,#26324deb),#0b1220;border:1px solid #ffffff24;min-height:76px;box-shadow:0 18px 34px #00000047}.brand-block:after{background-color:#0000;background-image:linear-gradient(90deg,#0000 0 74%,#0b8f9138 74% 75%,#0000 75%),linear-gradient(#0000 0 42%,#ffffff14 42% 43%,#0000 43%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:36px 36px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.left-panel .panel-section{box-shadow:none;background:#182336c7;border-color:#94a3b833}.left-panel .section-title{color:#e8eef7}.left-panel .section-title:before{background:linear-gradient(#26c6c8,#f2b86d)}.left-panel .project-editor{background:#ffffff0d;border-color:#94a3b82e}.left-panel input,.left-panel textarea,.left-panel select{background:#ffffffeb}.left-panel .nav-item,.left-panel .template-card{color:#e8eef7;box-shadow:none;background:#ffffff12;border-color:#94a3b82e}.left-panel .nav-item:hover,.left-panel .template-card:hover{background:#ffffff1c;border-color:#7dd3fc57;box-shadow:0 10px 24px #00000029}.left-panel .nav-item small,.left-panel .template-card small{color:#e2e8f0ad}.left-panel .nav-item small{background:#ffffff14;border-color:#94a3b829}.left-panel .nav-item.active,.left-panel .template-card.active{background:linear-gradient(135deg,#0b8f9147,#5964d92e),#ffffff1a;border-color:#2dd4bf85;box-shadow:inset 4px 0 #2dd4bf,0 12px 26px #0003}.left-panel .industry-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.left-panel .industry-list .nav-item{align-items:center;gap:8px;min-height:54px}.left-panel .industry-list .nav-item span{font-size:12px;line-height:1.25}.left-panel .featured-section{background:linear-gradient(135deg,#0b8f912e,#c95f461f),#182336d1}.workspace{background:linear-gradient(#ffffff52,#fff0),#f1f5f8;gap:16px;padding:18px}.workspace-header{color:#fff;background:linear-gradient(135deg,#101827 0,#15243a 46%,#0f5c63 100%);border:1px solid #ffffff29;min-height:168px;padding:24px;overflow:hidden;box-shadow:0 24px 54px #0f172a33}.workspace-header h2{color:#fff;max-width:720px;margin-top:12px;font-size:28px;font-weight:920}.workspace-header p{color:#f1f5f9c7;max-width:650px;font-size:14px}.workspace-header .eyebrow{color:#bff4ef;background:#ffffff1c;border-color:#ffffff2e}.workspace-header:after{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff24 1px,#0000 1px) 0 0/24px 24px;border-color:#ffffff2e;flex-basis:232px;min-height:112px}.workspace-header:before{opacity:.94;background:linear-gradient(135deg,#fff 0 22%,#0000 22%),linear-gradient(45deg,#0000 0 45%,#ffffffe0 45% 58%,#0000 58%),linear-gradient(135deg,#0000 0 58%,#f7bd7c 58% 72%,#0000 72%),linear-gradient(45deg,#f1f5f9 0 34%,#5964d9 34% 54%,#0b8f91 54% 100%)}.agent-inline-callout{color:#fff4d8;background:#ffffff1a;border-color:#ffffff2e}.agent-hero-button{color:#075e62;background:linear-gradient(135deg,#fff,#dcfdf9);box-shadow:0 16px 30px #00000038}.workspace-header-actions .ghost-button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.studio-launchpad{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.studio-launchpad button{background:var(--surface-solid);box-shadow:var(--shadow-tiny);color:var(--ink);text-align:left;border:1px solid #cbd5e1eb;border-radius:8px;align-items:flex-start;gap:7px;min-width:0;min-height:126px;padding:14px;transition:transform .14s,border-color .14s,box-shadow .14s;display:grid}.studio-launchpad button:first-child{border-top:3px solid var(--accent)}.studio-launchpad button:nth-child(2){border-top:3px solid var(--violet)}.studio-launchpad button:nth-child(3){border-top:3px solid var(--coral)}.studio-launchpad button:nth-child(4){border-top:3px solid var(--gold)}.studio-launchpad button:hover{box-shadow:var(--shadow-soft);border-color:#0b8f916b;transform:translateY(-2px)}.launchpad-icon{color:var(--accent-strong);background:#eef7f6;border:1px solid #0b8f9129;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.studio-launchpad strong{color:var(--ink);font-size:15px;line-height:1.25}.studio-launchpad small{color:var(--muted);font-size:12px;line-height:1.45}.agent-command-center{order:2}.editor-grid{order:3;grid-template-columns:minmax(300px,.86fr) minmax(420px,1.14fr);gap:14px}.field-panel,.preview-panel,.prompt-agent-panel,.history-panel,.batch-panel{box-shadow:var(--shadow-tiny);background:#fffffff5;border:1px solid #cbd5e1e6}.prompt-agent-panel{border-top:0}.agent-command-center{background:linear-gradient(#fffffffc,#f5fafcfa);border:1px solid #0b8f915c;box-shadow:0 18px 42px #075e621f}.agent-command-center .prompt-agent-header h3{font-size:22px}.agent-flow-strip{grid-template-columns:repeat(5,minmax(0,1fr))}.agent-flow-strip span{background:#f8fafc;border-color:#cbd5e1e6}.agent-match-card{background:linear-gradient(135deg,#0f172a,#0f5c63 54%,#5964d9);box-shadow:0 16px 34px #0f172a24}.prompt-agent-chat{background-color:#f8fafc;background-image:linear-gradient(90deg,#0f172a09 1px,#0000 1px),linear-gradient(#0f172a08 1px,#0000 1px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;border-color:#cbd5e1e6}.prompt-agent-message{border-radius:8px}.prompt-agent-input{background:#fff;border:1px solid #cbd5e1e6;border-radius:8px;gap:8px;padding:8px}.prompt-agent-input textarea{box-shadow:none;border:0;min-height:78px}.prompt-agent-input button{background:linear-gradient(135deg, var(--accent-strong), var(--accent));border:0;min-width:176px}.advanced-tools-panel{order:4}.advanced-tools-toggle{background:#fff;border-color:#cbd5e1eb;min-height:62px}.history-panel{order:5}.right-panel .panel-section{box-shadow:var(--shadow-tiny);background:#fff;border-color:#cbd5e1eb}.right-panel .section-title{color:#1f2937}.right-panel .generation-settings-panel{border-top:3px solid var(--violet)}.right-panel .local-save-panel{border-top:3px solid var(--accent)}.right-panel .task-status-panel{border-top:3px solid var(--sky)}.right-panel .compact-tools-panel,.right-panel .trust-policy-panel{background:#f8fafc}.segmented,.tabs{background:#f1f5f9;border-color:#cbd5e1eb}.segmented button,.tabs button{background:#fff;border-color:#0000}.segmented button.active,.tabs button.active{box-shadow:none;color:#fff;background:#0f172a;border-color:#0f172a}.segmented button.active span,.tabs button.active span{color:#ffffffb8}.price-note{color:#7c2d12;background:#fff7ed;border-color:#c95f4647}.hd-price-strip{background:#f8fafc}.cost-preview{background:linear-gradient(135deg,#0f172a,#075e62 54%,#5964d9)}.generate-button{background:linear-gradient(135deg,#0f172a,#075e62 48%,#0b8f91);border-radius:8px;min-height:54px;box-shadow:0 18px 34px #075e623d}.generation-status-banner{box-shadow:var(--shadow-tiny)}.trust-policy-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}@media (width<=1260px){.studio-shell{grid-template-columns:248px minmax(0,1fr)}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr))}.studio-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.studio-shell{flex-direction:column;height:auto;display:flex;overflow:visible}.workspace,.right-panel,.left-panel{overflow:visible}.workspace{order:1}.right-panel{order:2;grid-template-columns:1fr;display:grid}.left-panel{order:3}.workspace-header:after,.workspace-header:before{display:none}.editor-grid,.studio-launchpad,.agent-flow-strip,.batch-channel-grid,.batch-preview-list,.prompt-agent-input{grid-template-columns:1fr}.prompt-agent-input button{width:100%}}.batch-panel{border:1px solid var(--line);background:linear-gradient(135deg,#fffffff0,#f5faf9e6);border-radius:8px;flex-direction:column;gap:12px;margin-top:14px;padding:14px;display:flex}.advanced-tools-panel{gap:10px;min-width:0;display:grid}.advanced-tools-toggle{box-shadow:var(--shadow-tiny);color:var(--ink-soft);text-align:left;background:linear-gradient(135deg,#fffffff5,#f4faf9e6);border:1px solid #beced9e0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;padding:12px 14px;display:flex}.advanced-tools-toggle span{color:var(--accent-strong);align-items:center;gap:7px;min-width:0;font-weight:900;display:inline-flex}.advanced-tools-toggle small{color:var(--muted);text-align:right;min-width:0;font-size:12px;line-height:1.35}.batch-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.batch-header-actions{flex-wrap:wrap;flex:none;justify-content:flex-end;gap:8px;display:flex}.batch-import-textarea{min-height:118px}.batch-channel-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.batch-channel-grid button{border:1px solid var(--line);color:var(--ink);text-align:left;background:#fffffff0;border-radius:8px;flex-direction:column;align-items:flex-start;gap:4px;min-height:62px;padding:9px 10px;display:flex}.batch-channel-grid button.active{background:linear-gradient(135deg,#e3f6f5fa,#fff4e0eb);border-color:#79c5c8;box-shadow:0 8px 18px #087b7f14}.batch-channel-grid span,.batch-preview-row span{color:var(--muted);font-size:12px;line-height:1.35}.batch-summary{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.batch-summary span,.batch-summary strong{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted-strong);border-radius:999px;padding:6px 9px;font-size:12px;line-height:1}.batch-summary strong{color:#075d60;background:#e3f6f5e6}.batch-preview-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.batch-preview-row{border:1px solid var(--line);background:#ffffffd1;border-radius:8px;gap:4px;min-width:0;padding:9px 10px;display:grid}.batch-preview-row strong,.batch-preview-row span{overflow-wrap:anywhere;min-width:0}.history-panel{margin-top:auto}.history-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.history-actions{gap:8px;min-width:0;display:flex}.search-box{border:1px solid var(--line);color:var(--muted);background:#fffffff0;border-radius:8px;align-items:center;gap:8px;width:210px;min-width:180px;padding:0 10px;display:flex}.search-box input{box-shadow:none;border:0;padding-left:0}.search-box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--focus)}.empty-state{border:1px dashed var(--line-strong);color:var(--muted);background:linear-gradient(135deg,#fffffff0,#fff8edd6);border-radius:8px;grid-column:1/-1;padding:22px;position:relative;overflow:hidden}.empty-state:after{content:"";opacity:.75;pointer-events:none;background-color:#0000;background-image:linear-gradient(135deg,#087b7f29,#087b7f29),linear-gradient(135deg,#b85b3a29,#b85b3a29),linear-gradient(135deg,#a66a1826,#a66a1826);background-position:0 0,62px 18px,136px 0;background-repeat:no-repeat;background-size:56px 56px,76px 42px,58px 74px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:210px;height:86px;position:absolute;top:16px;right:18px}.empty-state strong{color:var(--ink);z-index:1;position:relative}.empty-state p{z-index:1;max-width:70%;margin:8px 0 0;font-size:14px;line-height:1.6;position:relative}.result-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-width:0;transition:border-color .14s,box-shadow .14s,transform .14s;overflow:hidden;box-shadow:0 8px 18px #2734490f}.result-card:hover{border-color:#8fcdd0;transform:translateY(-2px);box-shadow:0 16px 28px #2734491a}.thumb{aspect-ratio:16/10;justify-content:center;align-items:center;display:flex}.image-thumb{background:linear-gradient(135deg,#087b7f1a,#fff8edeb),repeating-linear-gradient(45deg,#ffffffb3 0 10px,#0000 10px 20px);border:0;width:100%;padding:0;position:relative}.image-thumb img{object-fit:cover;width:100%;height:100%;display:block}.thumb span{color:#334155;background:#ffffffd1;border:1px solid #fffffff5;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:850}.image-thumb span{position:absolute;top:10px;right:10px}.result-body{padding:12px}.asset-project{color:var(--accent-strong);overflow-wrap:anywhere;margin-top:4px;font-size:12px;font-weight:850;display:block}.result-body p{-webkit-line-clamp:6;-webkit-box-orient:vertical;max-height:10.2em;display:-webkit-box;overflow:hidden}.feedback-panel{background:linear-gradient(#f7faf8fa,#fffaf1e6);border:1px solid #beced9d1;border-radius:8px;gap:8px;min-width:0;margin-top:10px;padding:10px;display:grid}.auto-review-panel{background:#ffffffe0;border:1px solid #beced9d1;border-radius:8px;gap:7px;margin-top:10px;padding:10px;display:grid}.auto-review-panel.excellent{border-color:#087b7f61}.auto-review-panel.needs-work{border-color:#b4231852}.auto-review-panel.pending{background:#f4fbfadb}.auto-review-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.auto-review-heading span,.auto-review-panel>span{color:var(--ink-soft);font-size:12px;font-weight:850}.auto-review-heading strong{color:var(--accent-strong);font-size:12px}.auto-review-panel small{color:var(--muted);overflow-wrap:anywhere;font-size:12px;line-height:1.45}.auto-review-panel ul{color:#475467;gap:4px;margin:0;padding-left:16px;font-size:12px;line-height:1.45;display:grid}.semantic-review-panel{background:#f4fbfaeb;border:1px solid #087b7f2e;border-radius:8px;gap:5px;padding:8px;display:grid}.semantic-review-panel.risk{background:#fef3f2e6;border-color:#b4231847}.semantic-review-panel.muted{background:#f8fafce0}.semantic-review-panel strong{color:var(--accent-strong);font-size:12px}.semantic-review-panel span,.semantic-review-panel small{color:#475467;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.feedback-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.feedback-title{color:var(--ink-soft);font-size:12px;font-weight:850}.feedback-score{background:var(--accent-soft);color:var(--accent-strong);border:1px solid #087b7f2e;border-radius:999px;flex:none;padding:3px 7px;font-size:11px;font-weight:850}.rating-buttons{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;display:grid}.rating-buttons button{border:1px solid var(--line);color:#a66a18;background:#fff;border-radius:8px;min-height:30px;padding:0;line-height:1}.rating-buttons button.active{background:var(--gold-soft);border-color:#a66a1857;box-shadow:0 0 0 3px #a66a181a}.feedback-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.feedback-tags button{border:1px solid var(--line);color:var(--muted-strong);overflow-wrap:anywhere;background:#fff;border-radius:999px;flex:0 auto;max-width:100%;padding:6px 8px;font-size:12px;line-height:1.2}.feedback-tags button.positive.active{background:var(--green-soft);color:var(--green);border-color:#24704f4d}.feedback-tags button.negative.active{background:var(--danger-soft);color:var(--danger);border-color:#b4231847}.feedback-note{min-height:62px;padding:8px;font-size:12px}.card-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:10px;display:grid}.card-actions.two{grid-template-columns:repeat(3,minmax(0,1fr))}.card-actions button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:7px 5px;font-size:12px;overflow:hidden}.metadata{background:var(--surface-soft);border:1px solid #d9e1e8c7;border-radius:8px;gap:6px;margin:10px 0 0;padding:10px;display:grid}.metadata div{grid-template-columns:52px minmax(0,1fr);gap:8px;display:grid}.metadata dt,.metadata dd{overflow-wrap:anywhere;margin:0;font-size:12px}.metadata dt{color:var(--muted)}.name-preview{border:1px dashed var(--line-strong);color:#344054;overflow-wrap:anywhere;white-space:pre-wrap;background:linear-gradient(#f7faf8f5,#fffaf1a8);border-radius:8px;padding:10px;font-size:13px;line-height:1.45}.cost-preview{background:linear-gradient(135deg,#e3f6f5fa,#fff5dfe0);border:1px solid #9ed3d4;border-radius:8px;gap:4px;padding:11px;display:grid}.cost-preview span{color:var(--muted);font-size:12px}.cost-preview strong{color:var(--accent-strong);overflow-wrap:anywhere;font-size:13px}.skill-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.skill-stats div{background:#ffffffd1;border:1px solid #d9e1e8d1;border-radius:8px;min-width:0;padding:8px}.skill-stats span,.skill-tags small{color:var(--muted);font-size:11px;line-height:1.35}.skill-stats strong{color:var(--accent-strong);margin-top:3px;font-size:16px;line-height:1.15;display:block}.skill-tags{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.skill-tags span{color:var(--accent-strong);overflow-wrap:anywhere;background:#fff;border:1px solid #087b7f33;border-radius:999px;max-width:100%;padding:5px 8px;font-size:12px;font-weight:800}.skill-profile-grid{gap:6px;display:grid}.skill-profile-grid span{color:#475467;overflow-wrap:anywhere;background:#ffffffc2;border:1px solid #d9e1e8d1;border-radius:8px;padding:7px 8px;font-size:12px;line-height:1.4}.skill-preview{white-space:pre-wrap;max-height:152px;overflow:auto}.job-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.job-list{gap:6px;display:grid}.job-row{border:1px solid var(--line);background:#ffffffb8;border-radius:8px;grid-template-columns:74px minmax(0,1fr) 44px;align-items:center;gap:6px;padding:7px 8px;display:grid}.job-row span,.job-row small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.job-row span{color:var(--accent-strong);font-size:12px;font-weight:850}.task-center-summary{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.task-center-summary span{background:var(--surface-soft);border:1px solid var(--line);color:var(--muted-strong);text-align:center;border-radius:8px;gap:2px;min-width:0;padding:7px;font-size:11px;font-weight:800;display:grid}.task-center-summary b{color:var(--ink);font-size:16px}.task-center-meta,.task-center-current{border:1px solid var(--line);color:var(--muted-strong);background:#ffffffbd;border-radius:8px;gap:5px;padding:8px;font-size:12px;display:grid}.task-center-current strong,.task-center-row strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.task-center-current small,.task-center-row small{color:var(--muted);line-height:1.35}.task-center-row{grid-template-columns:68px minmax(0,1fr)}.task-center-row>div{gap:3px;min-width:0;display:grid}.job-status-badge{border-radius:999px;justify-content:center;align-self:start;padding:4px 6px;display:inline-flex}.job-status-badge.queued,.job-status-badge.draft{background:var(--sky-soft);color:var(--sky)}.job-status-badge.running{background:var(--gold-soft);color:var(--gold)}.job-status-badge.succeeded{background:var(--green-soft);color:var(--green)}.job-status-badge.failed{background:var(--danger-soft);color:var(--danger)}.job-status-badge.cancelled{color:var(--muted-strong);background:#eef2f7}.job-actions button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:8px 6px;overflow:hidden}.reference-panel{border:1px solid var(--line);background:linear-gradient(#f7faf8f5,#fffaf1b8);border-radius:8px;gap:10px;padding:10px;display:grid}.workspace-reference-panel{background:linear-gradient(135deg,#fffffffa,#e5f7f5e0 54%,#fff7ece0);border-color:#0b8f914d;grid-template-columns:minmax(180px,.72fr) minmax(220px,.86fr) minmax(0,2.1fr);align-items:start;padding:14px;box-shadow:0 14px 34px #075e6217}.reference-panel p{color:var(--muted);margin:4px 0 0;font-size:12px;line-height:1.45}.reference-uploader{color:var(--accent-strong);cursor:pointer;text-align:center;background:#ffffffeb;border:1px dashed #86c7c9;border-radius:8px;align-items:center;gap:3px;min-height:64px;padding:10px;display:grid;position:relative;overflow:hidden}.reference-uploader input{cursor:pointer;opacity:0;width:100%;height:100%;position:absolute;inset:0}.reference-uploader.disabled,.reference-uploader.disabled input{cursor:not-allowed}.reference-uploader.disabled{opacity:.62}.reference-uploader span{overflow-wrap:anywhere;justify-content:center;align-items:center;gap:6px;min-width:0;font-size:13px;font-weight:850;display:inline-flex}.reference-uploader small{color:var(--muted);font-size:12px;line-height:1.35}.reference-list{gap:8px;display:grid}.workspace-reference-panel .reference-list{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-command-center .workspace-reference-panel{box-shadow:none;grid-template-columns:minmax(180px,.65fr) minmax(210px,.72fr) minmax(0,1.8fr);margin:0}.reference-slot{gap:6px;min-width:0;display:grid}.reference-slot-heading{justify-content:space-between;align-items:center;gap:8px;min-width:0;display:flex}.reference-delete-button{color:var(--danger);background:#fff1f0f5;border:1px solid #b423183d;border-radius:8px;flex:none;align-items:center;gap:4px;min-height:28px;padding:4px 7px;font-size:12px;font-weight:850;display:inline-flex}.reference-delete-button:hover{background:#fff7f6;border-color:#b423186b}.reference-role-row select{min-height:34px}.reference-preview{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.reference-preview img{aspect-ratio:1;border:1px solid var(--line);object-fit:cover;background:#fff;border-radius:8px;width:48px;height:48px}.reference-preview span,.reference-status{overflow-wrap:anywhere;min-width:0;font-size:12px;line-height:1.4}.reference-preview span{color:var(--muted)}.reference-insight{background:#f4fbfaf0;border:1px solid #087b7f29;border-radius:8px;gap:5px;padding:8px;display:grid}.reference-insight strong{color:var(--accent-strong);font-size:12px}.reference-insight span{color:#475467;overflow-wrap:anywhere;font-size:12px;line-height:1.45}.color-chip-row{gap:5px;display:flex}.color-chip-row i{border:1px solid #3440542e;border-radius:999px;width:14px;height:14px;display:inline-block}.reference-status{border-radius:6px;padding:6px 8px;display:block}.reference-status.uploading{color:#175cd3;background:#eff6ff}.reference-status.success{background:var(--green-soft);color:var(--green)}.reference-status.warning{color:#b54708;background:#fffaeb}.reference-status.error{background:var(--danger-soft);color:var(--danger)}.toggle-row{color:#344054;align-items:flex-start;gap:8px;font-size:13px;line-height:1.45;display:flex}.toggle-row input{flex:none;width:auto;margin-top:2px}.toggle-row span{overflow-wrap:anywhere}.generation-status-banner{border:1px solid #14273014;border-radius:8px;gap:4px;padding:10px 12px;line-height:1.45;display:grid}.generation-status-banner strong{font-size:13px}.generation-status-banner span{color:#475467;overflow-wrap:anywhere;white-space:pre-wrap;font-size:12px}.generation-status-banner.ready{background:#ebfaf6eb;border-color:#08877633}.generation-status-banner.ready strong{color:#087b72}.generation-status-banner.warning{background:#fff7edf2;border-color:#bf562733}.generation-status-banner.warning strong{color:#b54708}.generate-button{color:#fff;background:linear-gradient(135deg,#075e62,#0a8a86 54%,#b85b3a);border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:auto;padding:14px 16px;font-weight:850;transition:box-shadow .14s,filter .14s,transform .14s;display:inline-flex;box-shadow:0 16px 28px #087b7f38}.generate-button:hover{filter:saturate(1.06);box-shadow:0 18px 32px #087b7f47}.generate-button:active{transform:translateY(1px)}button:disabled,button:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.55;transform:none}.left-panel,.right-panel{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.left-panel{background:linear-gradient(#fffffff7,#f7fbfaed),linear-gradient(90deg,#0b8f910f,#0000 42%)}.right-panel{background:linear-gradient(#fffffff7,#f8faffe8),linear-gradient(270deg,#6b6dd60e,#0000 46%)}.brand-block{color:#fff;background:linear-gradient(135deg,#0a2f36fa,#085e62f0 58%,#c85f44e6);border:1px solid #ffffff57;border-radius:8px;flex:none;align-items:center;gap:12px;min-width:0;min-height:78px;padding:14px;position:relative;overflow:hidden;box-shadow:0 18px 36px #075e6238}.brand-block:after{content:"";opacity:.55;pointer-events:none;background-color:#0000;background-image:linear-gradient(90deg,#0000 0 18%,#ffffff24 18% 19%,#0000 19% 100%),linear-gradient(#0000 0 32%,#ffffff1f 32% 33%,#0000 33% 100%);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:absolute;inset:0}.brand-block>*{z-index:1;position:relative}.brand-block h1{color:#fff;overflow-wrap:anywhere;font-size:21px;font-weight:900;line-height:1.15}.brand-block p{color:#ffffffc7;margin:2px 0 0;font-size:12px;line-height:1.35}.app-mark{background:#fffffff5;flex:0 0 44px;width:44px;height:44px;box-shadow:0 12px 24px #0000002e}.brand-block .app-mark{flex-basis:48px;width:48px;height:48px}.brand-block .app-mark img{width:48px;height:48px}.panel-section,.field-panel,.preview-panel,.prompt-agent-panel,.history-panel{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow-tiny);border-color:#c6d3dddb}.panel-section:hover,.field-panel:hover,.preview-panel:hover,.prompt-agent-panel:hover,.history-panel:hover{border-color:#8bb1c2c2}.section-title{color:#2e3a4d;letter-spacing:.01em}.section-title:before{background:linear-gradient(180deg, var(--accent), var(--violet));content:"";border-radius:999px;flex:0 0 4px;width:4px;height:14px}.eyebrow{background:var(--accent-soft);border:1px solid #0b8f9124;border-radius:999px;width:fit-content;padding:4px 9px;display:inline-flex}.nav-item,.template-card{box-shadow:inset 0 1px #ffffffdb}.nav-item.active,.template-card.active,.tabs button.active,.segmented button.active{background:linear-gradient(135deg,#e5f7f5,#eeeffff5 54%,#fff5dce6);border-color:#0b8f9180;box-shadow:inset 4px 0 #0b8f91d9,0 10px 20px #0b8f911a}.featured-section{background:linear-gradient(135deg,#e5f7f5d1,#eeefffc2 50%,#fff5dcd1),#ffffffb8}.workspace{padding:24px}.workspace-header{box-shadow:var(--shadow);background:linear-gradient(135deg,#fffffffa,#f3fbf9f2 43%,#eff0ffeb),#fff;border-color:#b3c7d2eb;min-height:132px;padding:22px}.workspace-header h2{letter-spacing:0;margin-top:10px;font-size:25px;font-weight:920}.workspace-header p{max-width:62ch}.workspace-header:after{background:linear-gradient(135deg,#075e62eb,#0b8f91c7),linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/22px 22px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/22px 22px;border-radius:8px;flex-basis:238px;min-height:94px}.workspace-header:before{background:linear-gradient(135deg,#fff 0 22%,#0000 22%),linear-gradient(45deg,#0000 0 48%,#ffffffe6 48% 60%,#0000 60%),linear-gradient(135deg,#0000 0 58%,#ffcf9f 58% 72%,#0000 72%),linear-gradient(45deg,#ffefe6 0 36%,#6b6dd6 36% 52%,#0b8f91 52% 100%);width:150px;height:68px;top:34px;right:56px;transform:rotate(-2deg);box-shadow:0 18px 28px #075e622e}.field-panel,.preview-panel,.prompt-agent-panel,.history-panel{background:linear-gradient(#fffffffa,#f8fcfbf2)}.field-panel{border-top:3px solid #0b8f91b3}.preview-panel{border-top:3px solid #6b6dd6b3}.tabs{background:#f2f7f8db;border-color:#cfdbe2e6}.prompt-preview,.prompt-agent-chat{background:linear-gradient(90deg,#0b8f9109 1px,#0000 1px) 0 0/30px 30px,linear-gradient(#6b6dd608 1px,#0000 1px) 0 0/30px 30px,linear-gradient(#fffefb,#fbfdfd);border-color:#c9d6dfe6;box-shadow:inset 0 1px 10px #222e4009}.ghost-button,.job-actions button,.project-actions button,.card-actions button{box-shadow:inset 0 1px #ffffffdb}.prompt-agent-panel{background:linear-gradient(#fffffffa,#f5fafff0);border-top:3px solid #0b8f91ad}.prompt-agent-skill{background:linear-gradient(135deg,#e5f7f5eb,#eeefffc2),#fffc}.prompt-agent-message.assistant{background:linear-gradient(135deg,#e5f7f5fa,#eeefffd1)}.prompt-agent-message.user{background:linear-gradient(135deg,#fff5dcf5,#fff0e9eb)}.prompt-agent-input button,.generate-button{position:relative;overflow:hidden}.prompt-agent-input button:after,.generate-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);transition:transform .42s;position:absolute;inset:0;transform:translate(-110%)}.prompt-agent-input button:hover:after,.generate-button:hover:after{transform:translate(110%)}.history-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.result-card{border-color:#d0dce3eb;box-shadow:0 12px 24px #222e4012}.image-thumb{background:linear-gradient(135deg,#0b8f9121,#eeefffc7),repeating-linear-gradient(45deg,#ffffffb8 0 12px,#0000 12px 24px)}.empty-state{background:linear-gradient(135deg,#fffffff5,#e5f7f5c7 56%,#eeefffb8)}.cost-preview{background:linear-gradient(135deg,#075e62f2,#0b8f91e0 52%,#6b6dd6db);border-color:#ffffff47;box-shadow:0 14px 26px #075e622e}.cost-preview span,.cost-preview strong{color:#fff}.cost-preview span{opacity:.78}.skill-panel{background:linear-gradient(135deg,#e5f7f5d1,#eeefffb8,#fff5dcb8),#ffffffbd}.trust-dashboard,.trust-policy-panel,.support-panel{background:linear-gradient(135deg,#fffffff0,#e5f7f5c2 52%,#fff5dc9e),#ffffffb8}.trust-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.trust-metrics div,.trust-detail-list div,.trust-policy-card{background:#ffffffd1;border:1px solid #cddae3e6;border-radius:8px;min-width:0}.trust-metrics div{gap:4px;min-height:72px;padding:10px;display:grid}.trust-metrics span,.trust-detail-list span,.trust-policy-card small{color:var(--muted);font-size:11px;line-height:1.35}.trust-metrics strong{color:var(--accent-strong);overflow-wrap:anywhere;font-size:18px;line-height:1.15}.trust-detail-list{gap:8px;display:grid}.trust-detail-list div{gap:3px;padding:9px 10px;display:grid}.trust-detail-list strong,.trust-detail-list small,.trust-policy-card strong,.trust-policy-card span,.trust-policy-card li{overflow-wrap:anywhere}.trust-detail-list strong{color:var(--ink-soft);font-size:13px}.trust-detail-list small{color:var(--muted);font-size:12px;line-height:1.4}.trust-policy-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.trust-policy-tabs button{border:1px solid var(--line);color:var(--ink-soft);text-overflow:ellipsis;white-space:nowrap;background:#ffffffe6;border-radius:8px;min-width:0;min-height:34px;padding:7px 6px;font-size:12px;font-weight:850}.trust-policy-tabs button.active{background:var(--accent-soft);color:var(--accent-strong);border-color:#0b8f916b}.trust-policy-card{gap:8px;padding:11px;display:grid}.trust-policy-card strong{color:var(--ink);font-size:14px}.trust-policy-card span,.trust-policy-card li{color:var(--muted-strong);font-size:12px;line-height:1.5}.trust-policy-card ul{gap:6px;margin:0;padding-left:18px;display:grid}.reference-uploader{background:linear-gradient(135deg,#fffffffa,#e5f7f5db)}.generate-button{background:linear-gradient(135deg,#075e62,#0b8f91 48%,#6b6dd6 74%,#c85f44);min-height:50px;box-shadow:0 18px 34px #0b8f9147}@media (width<=1180px){.studio-shell{grid-template-columns:280px minmax(0,1fr);overflow:auto}.workspace-reference-panel{grid-template-columns:1fr}.workspace-reference-panel .reference-list{grid-template-columns:repeat(2,minmax(0,1fr))}.right-panel{border-left:0;border-top:1px solid var(--line);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.generate-button{align-self:end;margin-top:0}.workspace-header:after{flex-basis:170px}.workspace-header:before{width:104px;right:32px}}@media (width<=860px){.studio-shell{flex-direction:column;height:auto;display:flex;overflow:visible}.left-panel,.right-panel,.workspace{overflow:visible}.workspace{order:1}.right-panel{order:2}.left-panel{order:3}.left-panel,.right-panel{border:0;border-bottom:1px solid var(--line)}.left-panel{padding-bottom:14px}.workspace-header:after,.workspace-header:before{display:none}.industry-list,.template-list{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.editor-grid,.batch-channel-grid,.batch-preview-list,.history-grid,.workspace-reference-panel .reference-list,.right-panel{grid-template-columns:1fr}.prompt-preview{min-height:260px}}@media (width<=560px){.left-panel,.right-panel,.workspace{padding:14px}.workspace-header,.history-header,.prompt-agent-header,.batch-header{flex-direction:column;align-items:stretch}.history-actions{flex-direction:column}.history-actions button,.search-box,.ghost-button{width:100%}.prompt-agent-message{max-width:100%}.prompt-agent-input{grid-template-columns:1fr}.prompt-agent-input button{width:100%}.prompt-agent-skill-stats{grid-template-columns:1fr}.prompt-agent-plan-heading{flex-direction:column;align-items:stretch}.prompt-agent-plan-heading small{width:fit-content}.prompt-agent-plan-fields,.prompt-agent-plan-actions,.industry-list,.template-list,.tabs{grid-template-columns:1fr}.aspect-ratio-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.resolution-grid{grid-template-columns:1fr}.tabs button{white-space:normal}.empty-state:after{display:none}.empty-state p{max-width:none}.feedback-heading{flex-direction:column;align-items:flex-start}.skill-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-metrics,.trust-policy-tabs{grid-template-columns:1fr}}.agent-command-center{background:linear-gradient(135deg,#fffffffa,#e5f7f5f0 48%,#fff7eceb),#fff;border-color:#0b8f91db #0b8f916b #0b8f916b;border-top-style:solid;border-top-width:4px;box-shadow:0 26px 58px #075e6224}.agent-command-center .prompt-agent-chat{min-height:220px;max-height:360px}.agent-command-center .prompt-agent-input textarea{min-height:86px}@media (width<=980px){.agent-flow-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.agent-match-card{flex-direction:column;align-items:flex-start}.agent-match-card small{text-align:left;max-width:none}}@media (width<=640px){.agent-flow-strip{grid-template-columns:1fr}}.studio-shell .workspace-header{color:#fff;background:linear-gradient(135deg,#101827 0,#15243a 48%,#0b6f75 100%);border-color:#ffffff29;min-height:168px;padding:24px}.studio-shell .workspace-header h2{color:#fff;max-width:720px;margin-top:12px;font-size:28px;font-weight:920;line-height:1.16}.studio-shell .workspace-header p{color:#f1f5f9cc;max-width:650px;font-size:14px}.studio-shell .workspace-header .eyebrow{color:#bff4ef;background:#ffffff1f;border-color:#ffffff2e}.studio-shell .workspace-header:after{background:linear-gradient(135deg,#ffffff2e,#ffffff0a),linear-gradient(90deg,#ffffff2e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff24 1px,#0000 1px) 0 0/24px 24px;border-color:#ffffff2e;flex-basis:232px;min-height:112px}.studio-shell .workspace-header:before{opacity:.94;background:linear-gradient(135deg,#fff 0 22%,#0000 22%),linear-gradient(45deg,#0000 0 45%,#ffffffe0 45% 58%,#0000 58%),linear-gradient(135deg,#0000 0 58%,#f7bd7c 58% 72%,#0000 72%),linear-gradient(45deg,#f1f5f9 0 34%,#5964d9 34% 54%,#0b8f91 54% 100%);box-shadow:0 18px 28px #00000029}.studio-shell .agent-inline-callout{color:#fff4d8;background:#ffffff1c;border-color:#ffffff2e}.studio-shell .workspace-header-actions .ghost-button{color:#fff;background:#ffffff1a;border-color:#ffffff2e}.studio-shell .workspace-header-actions .agent-hero-button{color:#075e62;background:linear-gradient(135deg,#fff,#dcfdf9)}.left-panel .nav-item.active,.left-panel .template-card.active,.left-panel .tabs button.active,.left-panel .segmented button.active{color:#fff;background:linear-gradient(135deg,#0b8f9147,#5964d92e),#ffffff1a;border-color:#2dd4bf85;box-shadow:inset 4px 0 #2dd4bf,0 12px 26px #0003}.studio-shell .agent-command-center{background:linear-gradient(#fffffffc,#f5fafcfa);border:1px solid #0b8f915c;border-top:0;box-shadow:0 18px 42px #075e621f}.studio-shell .right-panel .local-save-panel{order:1}.studio-shell .right-panel .generate-button{z-index:4;order:2;position:sticky;top:12px}.studio-shell .right-panel .generation-status-banner{order:3}.studio-shell .right-panel .generation-settings-panel{order:4}.studio-shell .right-panel .segmented button.active,.studio-shell .right-panel .tabs button.active,.studio-shell .workspace .segmented button.active,.studio-shell .workspace .tabs button.active{color:var(--accent-strong)}.studio-shell .right-panel .segmented button.active span,.studio-shell .right-panel .tabs button.active span,.studio-shell .workspace .segmented button.active span,.studio-shell .workspace .tabs button.active span{color:var(--muted-strong)}.studio-shell .right-panel .task-status-panel{order:5}.studio-shell .right-panel .compact-tools-panel{order:6}.studio-shell .right-panel .brand-kit-panel,.studio-shell .right-panel .trust-dashboard{order:7}.studio-shell .right-panel .trust-policy-panel{order:8}.project-mini-tools{justify-content:space-between;align-items:center;gap:8px;display:flex}.project-mini-tools span{color:#e8eef7db;font-size:12px;font-weight:750}.project-mini-tools button{color:#0b5f63;background:#ffffffe6;border:0;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:850}.product-library-input{min-height:92px}.workflow-panel{box-shadow:var(--shadow-soft);background:#ffffffe0;border:1px solid #beced9db;border-radius:8px;gap:12px;padding:16px;display:grid}.workflow-panel-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.workflow-grid,.reference-use-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.workflow-grid button,.reference-use-grid button{color:var(--ink);text-align:left;background:#fff;border:1px solid #cbd5e1f5;border-radius:8px;align-items:flex-start;gap:5px;padding:10px;display:grid}.workflow-grid button:hover,.reference-use-grid button:hover,.reference-use-grid button.active{border-color:#0b8f9185;box-shadow:0 12px 24px #075e6214}.workflow-grid span,.reference-use-grid span,.workflow-grid small{color:var(--muted);font-size:12px;line-height:1.4}.reference-use-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.canvas-edit-board{background-color:#fbfefe;background-image:linear-gradient(90deg,#0b8f910b 1px,#0000 1px),linear-gradient(#6b6dd60a 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:28px 28px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border:1px solid #0b8f9133;border-radius:8px;grid-template-columns:minmax(180px,.8fr) minmax(220px,1.2fr);gap:12px;padding:12px;display:grid}.workspace-reference-panel .canvas-edit-board{grid-column:1/-1}.canvas-preview-frame{aspect-ratio:4/3;background:#eef8f7;border:1px dashed #0b8f9161;border-radius:8px;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.canvas-preview-frame canvas{cursor:crosshair;object-fit:contain;touch-action:none;width:100%;max-width:100%;height:100%;max-height:100%}.canvas-preview-frame span{color:#fff;background:#075e62e0;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:850;position:absolute;bottom:8px;left:8px}.canvas-edit-fields{gap:8px;display:grid}.canvas-edit-fields p{color:var(--muted);margin:0;font-size:12px;line-height:1.45}.canvas-tool-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.canvas-tool-row button{color:var(--ink);background:#fff;border:1px solid #cbd5e1f5;border-radius:8px;align-items:center;gap:6px;min-height:34px;padding:7px 10px;font-size:12px;font-weight:850;display:inline-flex}.canvas-tool-row button.active{color:var(--accent-strong);background:#e5f7f5f5;border-color:#0b8f917a}.canvas-tool-row label{color:var(--muted);align-items:center;gap:6px;font-size:12px;display:inline-flex}.canvas-tool-row input[type=range]{width:110px}.prompt-agent-reference-plan{background:#f8fbff;border:1px solid #2f80ed2e;border-radius:8px;gap:6px;padding:10px;display:grid}.prompt-agent-reference-plan span,.prompt-agent-reference-plan small{color:var(--muted);font-size:12px}.prompt-agent-reference-plan p{color:var(--ink-soft);margin:0}.prompt-agent-reference-plan button{justify-self:start}.asset-project.favorite{background:var(--gold-soft);color:#8a5b12;border-color:#a7792347}.metadata pre{border:1px solid var(--line);color:var(--ink-soft);white-space:pre-wrap;background:#f8fafc;border-radius:8px;max-height:220px;margin:0;padding:8px;font-size:11px;line-height:1.45;overflow:auto}@media (width<=900px){.studio-shell .workspace-header{min-height:auto}.studio-shell .workspace-header h2{font-size:23px}.studio-shell .workspace-header:after,.studio-shell .workspace-header:before{display:none}}.studio-shell .workspace{gap:14px;padding:18px}.studio-shell .workspace>*{flex-shrink:0}.studio-shell .workspace-header{order:0}.studio-shell .studio-launchpad{order:1;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.studio-shell .studio-launchpad button{min-height:104px;padding:13px}.studio-shell .agent-command-center{order:2}.workspace-details-panel{order:3;gap:10px;min-width:0;display:grid}.workspace-details-toggle{box-shadow:var(--shadow-tiny);color:var(--ink-soft);text-align:left;background:linear-gradient(135deg,#fffffffa,#f6f9ffeb);border:1px solid #beced9e0;border-left:4px solid #6b6dd6bf;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;min-width:0;padding:12px 14px;transition:border-color .14s,box-shadow .14s,transform .14s;display:flex}.workspace-details-toggle:hover{box-shadow:var(--shadow-soft);border-color:#6b6dd66b;transform:translateY(-1px)}.workspace-details-toggle span{color:var(--ink);align-items:center;gap:8px;min-width:0;font-weight:920;display:inline-flex}.workspace-details-toggle small{color:var(--muted);text-align:right;min-width:0;font-size:12px;line-height:1.35}.workspace-details-panel .workflow-panel{box-shadow:var(--shadow-tiny)}.workspace-details-panel .editor-grid{order:initial}.studio-shell .advanced-tools-panel{order:4}.studio-shell .history-panel{order:5}.studio-shell .prompt-agent-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.studio-shell .prompt-agent-header>div{min-width:0}.studio-shell .prompt-agent-header .ghost-button{flex:none}.studio-shell .agent-command-center .prompt-agent-header h3{color:var(--ink);margin-bottom:6px;font-size:24px;line-height:1.18}.studio-shell .agent-flow-strip{gap:8px}.studio-shell .agent-flow-strip span{min-height:38px}.studio-shell .agent-command-center .prompt-agent-chat{min-height:210px;max-height:340px}.studio-shell .agent-command-center .prompt-agent-input{align-items:stretch}.studio-shell .agent-command-center .prompt-agent-input textarea{min-height:92px}.studio-shell .agent-command-center .prompt-agent-input button{min-width:112px}.studio-shell select{text-overflow:ellipsis;max-width:100%;overflow:hidden}@media (width<=1420px){.studio-shell{grid-template-columns:minmax(250px,292px) minmax(0,1fr) minmax(300px,340px)}.studio-shell .workspace-header{flex-direction:column;align-items:flex-start;min-height:auto;padding:18px}.studio-shell .workspace-header-actions{justify-content:flex-start;min-width:0}.studio-shell .workspace-header:after,.studio-shell .workspace-header:before{display:none}.studio-shell .workspace-header h2{max-width:none;font-size:24px}.studio-shell .workspace-header p{max-width:none;font-size:13px}.studio-shell .agent-inline-callout{display:none}.studio-shell .studio-launchpad{grid-template-columns:repeat(4,minmax(0,1fr))}.studio-shell .studio-launchpad button{min-height:92px;padding:11px}.studio-shell .studio-launchpad strong{font-size:14px}.studio-shell .studio-launchpad small{font-size:11px}}@media (width<=1120px){.studio-shell{grid-template-columns:minmax(228px,270px) minmax(0,1fr)}.right-panel{display:none}.studio-shell .editor-grid,.canvas-edit-board{grid-template-columns:1fr}}@media (width<=760px){.studio-shell{flex-direction:column;height:auto;min-height:100svh;display:flex;overflow:auto}.left-panel,.workspace{overflow:visible}.studio-shell .workspace-header,.studio-shell .prompt-agent-header,.workspace-details-toggle{flex-direction:column;align-items:flex-start}.workspace-details-toggle small{text-align:left}.studio-shell .studio-launchpad,.workflow-grid,.reference-use-grid,.history-grid,.batch-channel-grid,.batch-preview-list{grid-template-columns:1fr}}.pro-shell{--pro-ink-950:#101726;--pro-ink-900:#172033;--pro-ink-700:#2f3a4f;--pro-ink-500:#647086;--pro-paper:#f5f7f8;--pro-surface:#fff;--pro-surface-2:#f7faf9;--pro-line:#dce5ea;--pro-line-strong:#b6c4cf;--pro-teal:#0b8f91;--pro-teal-deep:#075e62;--pro-teal-soft:#e5f7f5;--pro-violet:#6266d4;--pro-violet-soft:#eeefff;--pro-coral:#c85f44;--pro-coral-soft:#fff0e9;--pro-gold:#a77923;--pro-gold-soft:#fff5dc;--pro-green:#257657;--pro-green-soft:#e8f7ee;--pro-shadow-panel:0 10px 24px #1f2d4314;--pro-shadow-frame:0 18px 46px #1f2d4321;--pro-shadow-primary:0 18px 34px #0b8f9152;color:var(--pro-ink-900);background:linear-gradient(90deg,#0b8f910d 1px,#0000 1px) 0 0/44px 44px,linear-gradient(#6266d40b 1px,#0000 1px) 0 0/44px 44px,linear-gradient(135deg,#f2fbfa 0%,#f7f8ff 46%,#fff8ee 100%);grid-template-columns:286px minmax(0,1fr) 342px;width:100%;height:100svh;min-height:760px;font-family:Inter,Microsoft YaHei,PingFang SC,Arial,sans-serif;font-size:14px;display:grid;overflow:hidden}.pro-web-app{--brand-primary:#00d4aa;--brand-primary-dark:#00b894;--brand-ink:#0a1628;--brand-deep:#0b2b26;--accent-gold:#f59e0b;--accent-coral:#f43f5e;--accent-sky:#38bdf8;--light-bg:#f8fafb;--light-surface:#fff;--light-border:#e8ecf0;--light-text:#0f172a;--light-muted:#64748b;--shadow-xs:0 1px 2px #0a16280a;--shadow-sm:0 1px 3px #0a16280f, 0 1px 2px #0a16280a;--shadow-md:0 4px 6px -1px #0a16280f, 0 2px 4px -2px #0a16280a;--shadow-lg:0 10px 15px -3px #0a162814, 0 4px 6px -4px #0a16280a;--shadow-glow:0 0 0 4px #00d4aa26;background:radial-gradient(circle at 24% -18%, #00d4aa14, transparent 32%), radial-gradient(circle at 88% 0%, #38bdf814, transparent 28%), var(--light-bg);color:var(--light-text);grid-template-rows:72px minmax(0,1fr);height:100svh;min-height:760px;font-family:Plus Jakarta Sans,Noto Sans SC,Microsoft YaHei,PingFang SC,sans-serif;display:grid;position:relative;overflow:hidden}.pro-web-app *{letter-spacing:0}.pro-topbar{border-bottom:1px solid var(--light-border);box-shadow:var(--shadow-xs);z-index:5;background:#ffffffeb;grid-template-columns:240px minmax(220px,300px) 1fr auto;align-items:center;gap:20px;min-width:0;padding:0 24px;display:grid}.pro-topbar-brand{align-items:center;gap:12px;min-width:0;display:flex}.pro-logo-mark{background:linear-gradient(135deg, var(--brand-primary), var(--brand-primary-dark));color:var(--brand-ink);border-radius:14px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;display:inline-flex;box-shadow:0 10px 24px #00d4aa38}.pro-topbar-brand strong{color:var(--light-text);font-size:20px;font-weight:900;line-height:1.05;display:block}.pro-topbar-brand small{color:var(--light-muted);margin-top:3px;font-size:12px;display:block}.pro-project-switch,.pro-topnav button,.pro-wallet,.pro-user{border:1.5px solid var(--light-border);color:var(--light-text);font:inherit;white-space:nowrap;background:#fff;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-width:0;height:44px;padding:0 14px;font-weight:700;display:inline-flex}.pro-project-switch{justify-content:space-between}.pro-topnav{justify-content:center;align-items:center;gap:16px;min-width:0;display:flex}.pro-topnav button{color:#334155;background:0 0;border-color:#0000}.pro-topnav span{background:var(--accent-coral);color:#fff;border-radius:999px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;display:inline-flex}.pro-topbar-actions{align-items:center;gap:14px;display:flex}.pro-wallet{color:var(--light-text);font-family:JetBrains Mono,monospace;font-weight:700}.pro-user span{color:#0f766e;background:linear-gradient(135deg,#e0fdfa,#ccfbf1);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.pro-web-app .pro-shell{color:var(--light-text);background:0 0;grid-template-columns:220px minmax(0,1fr) 300px;width:100%;height:auto;min-height:0;font-family:inherit;display:grid;overflow:hidden}.pro-web-app .pro-left,.pro-web-app .pro-workspace,.pro-web-app .pro-right{min-height:0}.pro-web-app .pro-sidebar-title{justify-content:space-between;align-items:center;display:flex}.pro-web-app .pro-sidebar-title strong{color:var(--light-text);font-size:16px;font-weight:900}.pro-web-app .pro-sidebar-title button{color:var(--light-muted);font:inherit;background:0 0;border:0;font-size:13px;font-weight:700}.pro-web-app .pro-panel{border:1px solid var(--light-border);box-shadow:var(--shadow-sm);background:#fffffff0;border-radius:14px;gap:14px;padding:18px}.pro-web-app .pro-left .pro-panel,.pro-web-app .pro-right .pro-panel{border-color:var(--light-border);box-shadow:var(--shadow-xs);background:#fffffff5}.pro-web-app .pro-left .pro-panel h3,.pro-web-app .pro-left .pro-mini-info strong,.pro-web-app .pro-left .pro-task-row strong,.pro-web-app .pro-left .pro-asset-card strong,.pro-web-app .pro-left .pro-plan strong,.pro-web-app .pro-left .pro-brand strong,.pro-web-app .pro-panel h3,.pro-web-app .pro-mini-info strong,.pro-web-app .pro-task-row strong,.pro-web-app .pro-asset-card strong,.pro-web-app .pro-plan strong{color:var(--light-text)}.pro-web-app .pro-left .pro-brand small,.pro-web-app .pro-left .pro-panel small,.pro-web-app .pro-panel small,.pro-web-app .pro-task-row small,.pro-web-app .pro-asset-card small,.pro-web-app .pro-plan small{color:var(--light-muted)}.pro-web-app .pro-eyebrow{color:var(--light-text);letter-spacing:0;text-transform:none;font-size:15px;font-weight:900}.pro-web-app .pro-eyebrow:before{background:var(--brand-primary);width:8px;height:8px}.pro-web-app .pro-project-card{display:none}.pro-web-app .pro-field span,.pro-web-app .pro-control-group>span,.pro-web-app .pro-number-control>span,.pro-web-app .pro-stepper-control>span{color:var(--light-text);font-size:13px;font-weight:800}.pro-web-app .pro-field input,.pro-web-app .pro-field textarea,.pro-web-app .pro-agent-input-row textarea,.pro-web-app .pro-live-prompt-editor{border:1.5px solid var(--light-border);color:var(--light-text);background:#fff;border-radius:10px;min-height:44px;padding:11px 14px}.pro-web-app .pro-field input:focus,.pro-web-app .pro-field textarea:focus,.pro-web-app .pro-agent-input-row textarea:focus,.pro-web-app .pro-live-prompt-editor:focus{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);outline:0}.pro-web-app .pro-button,.pro-web-app .pro-nav-item,.pro-web-app .pro-launch-card,.pro-web-app .pro-reference-slot{border:1.5px solid var(--light-border);color:#334155;border-radius:10px;min-height:44px;transition:border-color .18s,box-shadow .18s,transform .18s,background-color .18s}.pro-web-app .pro-button:hover:not(:disabled),.pro-web-app .pro-launch-card:hover,.pro-web-app .pro-reference-slot:hover,.pro-web-app .pro-asset-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pro-web-app .pro-button.primary,.pro-web-app .pro-button.tone-teal.primary,.pro-web-app .pro-generate-button{background:linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark));color:var(--brand-ink);border-color:#0000;font-weight:900;box-shadow:0 14px 28px #00d4aa38}.pro-web-app .pro-button.soft.tone-coral{color:#be123c;background:#fff1f2;border-color:#f43f5e2e}.pro-web-app .pro-nav-list,.pro-web-app .pro-template-list{gap:10px}.pro-web-app .pro-nav-item{background:0 0;border-color:#0000;justify-content:space-between;padding:10px 12px}.pro-web-app .pro-nav-item:hover{background:#f1f5f9}.pro-web-app .pro-nav-item small{color:var(--light-muted);background:#f1f5f9}.pro-web-app .pro-nav-item.active small{color:#0f766e;background:#ccfbf1}.pro-web-app .pro-template-list{max-height:300px;padding-right:2px;overflow:auto}.pro-web-app .pro-template-list .pro-nav-item{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px;min-height:58px;display:grid}.pro-web-app .pro-template-list .pro-nav-item>span{-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;font-size:13px;line-height:1.35;display:-webkit-box;overflow:hidden}.pro-web-app .pro-template-list .pro-nav-item small{text-overflow:ellipsis;white-space:nowrap;max-width:68px;overflow:hidden}.pro-web-app .pro-agent{box-shadow:var(--shadow-lg);padding:22px}.pro-web-app .pro-agent .pro-panel-head h3{font-size:22px;font-weight:900}.pro-web-app .pro-reference-area{background:0 0;border:0;gap:12px;padding:0 0 16px}.pro-web-app .pro-reference-head span{color:var(--light-text);font-size:18px;font-weight:900}.pro-web-app .pro-reference-head small{color:var(--light-muted);font-size:13px}.pro-web-app .pro-reference-strip{grid-template-columns:repeat(6,minmax(96px,1fr));gap:12px}.pro-web-app .pro-reference-slot{background:#fff;border-style:dashed;min-height:116px;overflow:hidden}.pro-web-app .pro-reference-main{gap:8px;min-height:112px}.pro-web-app .pro-reference-main svg{color:var(--light-muted);width:28px;height:28px}.pro-web-app .pro-reference-main img{object-fit:cover;border-radius:10px;height:100%}.pro-web-app .pro-reference-slot.uploaded{background:#ecfdf5;border-color:#00d4aaa3}.pro-web-app .pro-reference-slot.blocked{background:#fff7ed;border-color:#f59e0b85}.pro-web-app .pro-reference-remove{color:#be123c;background:#fffffff0;border-color:#f43f5e33;width:28px;height:28px;top:6px;right:6px}.pro-web-app .pro-flow{display:none}.pro-web-app .pro-chat{background:#fff;border:0;gap:16px;min-height:220px;max-height:330px;padding:8px 4px}.pro-web-app .pro-message{border-radius:14px;max-width:min(760px,82%);padding:14px 18px;font-size:14px;line-height:1.65}.pro-web-app .pro-message.user{color:var(--light-text);background:linear-gradient(90deg,#00d4aa1f,#00d4aa0f);justify-self:end}.pro-web-app .pro-message.ai{border:1px solid var(--light-border);box-shadow:var(--shadow-xs);background:#fff}.pro-web-app .pro-agent-input-row{border:1.5px solid var(--light-border);background:#fff;border-radius:14px;grid-template-columns:1fr 54px;align-items:center;gap:12px;padding:10px}.pro-web-app .pro-agent-input-row:focus-within{border-color:var(--brand-primary);box-shadow:var(--shadow-glow)}.pro-web-app .pro-agent-input-row textarea{box-shadow:none;border:0;min-height:46px;padding:10px 12px}.pro-web-app .pro-agent-input-row textarea:focus{box-shadow:none}.pro-web-app .pro-agent-input-row .pro-button{text-indent:-999px;border-radius:999px;width:44px;height:44px;min-height:44px;padding:0;overflow:hidden}.pro-web-app .pro-agent-input-row .pro-button svg{text-indent:0;flex:none}.pro-web-app .pro-plan{border:1px solid var(--light-border);box-shadow:var(--shadow-sm);background:#fff;border-left:0;border-radius:14px;padding:18px}.pro-web-app .pro-plan:before{background:linear-gradient(90deg, var(--brand-primary), var(--accent-sky));content:"";border-radius:999px;width:100%;height:4px}.pro-web-app .pro-plan-head strong{color:#0f766e;font-size:18px;font-weight:900}.pro-web-app .pro-plan-grid,.pro-web-app .pro-task-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-web-app .pro-mini-info{border:1px solid var(--light-border);background:#fff;border-radius:10px;padding:12px}.pro-web-app .pro-mini-info small{color:var(--light-muted);font-size:12px;font-weight:700}.pro-web-app .pro-mini-info strong{color:var(--light-text);font-size:14px;font-weight:800}.pro-web-app .pro-hero{background:linear-gradient(135deg, #0a1628f5, #0b2b26f0), var(--brand-ink);color:#e2e8f0;border:0;border-radius:20px;grid-template-columns:minmax(0,1fr) 220px;min-height:180px;padding:28px;overflow:hidden;box-shadow:0 20px 48px #0a162829}.pro-web-app .pro-hero h1{color:var(--brand-primary);margin:12px 0 10px;font-family:ZCOOL QingKe HuangYou,Noto Sans SC,sans-serif;font-size:42px;font-weight:400;line-height:1.12}.pro-web-app .pro-hero p{color:#94a3b8;max-width:760px;font-size:15px}.pro-web-app .pro-hero-art{background:linear-gradient(90deg,#00d4aa24 1px,#0000 1px) 0 0/28px 28px,linear-gradient(#38bdf81a 1px,#0000 1px) 0 0/28px 28px,#ffffff0d;border:1px solid #00d4aa2e;border-radius:16px;display:block}.pro-web-app .pro-pill,.pro-web-app .pro-pill.inverse{color:#0f766e;background:#ccfbf1;border-radius:999px;font-weight:800}.pro-web-app .pro-launchpad{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.pro-web-app .pro-launch-card{background:#fff;border-radius:14px;align-items:center;min-height:104px;padding:16px}.pro-web-app .pro-tool-icon{color:var(--brand-ink);border-radius:12px;width:42px;height:42px}.pro-web-app .tone-teal .pro-tool-icon{color:#0f766e;background:#ccfbf1}.pro-web-app .tone-violet .pro-tool-icon{color:#0369a1;background:#e0f2fe}.pro-web-app .tone-coral .pro-tool-icon{color:#be123c;background:#ffe4e6}.pro-web-app .tone-gold .pro-tool-icon{color:#b45309;background:#fef3c7}.pro-web-app .pro-right .pro-panel:first-child .pro-eyebrow{font-size:20px}.pro-web-app .pro-control-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pro-web-app .pro-control-options button{border:1.5px solid var(--light-border);text-align:center;border-radius:10px;min-height:54px;padding:12px}.pro-web-app .pro-control-options button.active{border-color:var(--brand-primary);box-shadow:var(--shadow-glow);background:#ecfdf5}.pro-web-app .pro-stepper-control{gap:10px;display:grid}.pro-web-app .pro-stepper-control>div{border:1.5px solid var(--light-border);border-radius:10px;grid-template-columns:48px 1fr 48px;align-items:center;height:48px;display:grid;overflow:hidden}.pro-web-app .pro-stepper-control button{color:#334155;background:#fff;border:0;justify-content:center;align-items:center;height:100%;display:inline-flex}.pro-web-app .pro-stepper-control button:disabled{color:#cbd5e1}.pro-web-app .pro-stepper-control strong{border-left:1px solid var(--light-border);border-right:1px solid var(--light-border);justify-content:center;align-items:center;height:100%;font-family:JetBrains Mono,monospace;font-size:18px;display:inline-flex}.pro-web-app .pro-control-summary,.pro-web-app .pro-path,.pro-web-app .pro-empty-state{border-color:var(--light-border);color:var(--light-muted);background:#f8fafc;border-radius:10px}.pro-web-app .pro-billing-card{border-color:#00d4aa3d}.pro-web-app .pro-estimate-price{justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.pro-web-app .pro-estimate-price strong{color:var(--accent-gold);font-family:JetBrains Mono,monospace;font-size:30px;line-height:1}.pro-web-app .pro-estimate-price span,.pro-web-app .pro-balance-line span,.pro-web-app .pro-balance-line small{color:var(--light-muted);font-size:12px}.pro-web-app .pro-balance-line{border-top:1px solid var(--light-border);gap:4px;padding-top:12px;display:grid}.pro-web-app .pro-status{color:#0f766e;background:#ecfdf5;border-color:#00d4aa38;border-radius:12px}.pro-web-app .pro-status.warning{color:#b45309;background:#fff7ed;border-color:#f59e0b47}.pro-web-app .pro-policy-line{color:var(--light-muted);line-height:1.55}.pro-web-app .pro-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pro-web-app .pro-asset-card{border:1px solid var(--light-border);box-shadow:var(--shadow-xs);border-radius:14px;transition:box-shadow .18s,transform .18s}.pro-web-app .pro-asset-thumb{background:#f1f5f9;height:160px}.pro-web-app .pro-asset-card>div:last-child{padding:12px}.pro-web-app .pro-live-detail-grid{grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr)}.pro-task-dock{color:#e2e8f0;z-index:8;background:#0f172af0;border:1px solid #94a3b829;border-radius:14px 14px 0 0;grid-template-columns:auto 1px auto 1px minmax(280px,1fr) auto;align-items:center;gap:18px;width:calc(100% - 320px);max-width:1120px;min-height:72px;padding:12px 18px;display:grid;position:absolute;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -12px 34px #0a16283d}.pro-dock-title,.pro-dock-done,.pro-dock-running,.pro-dock-all{align-items:center;gap:10px;display:flex}.pro-dock-title strong,.pro-dock-running strong{color:#fff}.pro-dock-divider{background:#94a3b83d;width:1px;height:34px}.pro-dock-done svg{color:var(--brand-primary)}.pro-dock-running,.pro-dock-running>div{min-width:0}.pro-dock-running small{color:#94a3b8;text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.pro-dock-dot{background:#60a5fa;border-radius:999px;width:14px;height:14px;box-shadow:0 0 0 6px #60a5fa29}.pro-dock-running i{background:linear-gradient(90deg, var(--brand-primary) 35%, #94a3b833 35%);border-radius:999px;width:130px;height:5px;margin-left:auto;display:block}.pro-dock-all{color:#e2e8f0;font:inherit;background:#ffffff0f;border:1px solid #94a3b833;border-radius:10px;justify-content:center;height:42px;padding:0 16px;font-weight:800}@media (width<=1360px){.pro-topbar{grid-template-columns:220px minmax(190px,250px) 1fr auto;gap:12px;padding:0 18px}.pro-web-app .pro-shell{grid-template-columns:204px minmax(0,1fr) 276px}.pro-web-app .pro-reference-strip{grid-template-columns:repeat(6,minmax(74px,1fr))}.pro-web-app .pro-reference-slot{min-height:96px}.pro-web-app .pro-hero{grid-template-columns:1fr}.pro-web-app .pro-hero-art{display:none}.pro-web-app .pro-launchpad,.pro-web-app .pro-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-task-dock{width:calc(100% - 240px)}}@media (width<=1120px){.pro-topnav{display:none}.pro-topbar{grid-template-columns:220px 1fr auto}.pro-web-app .pro-shell{grid-template-columns:196px minmax(0,1fr)}.pro-web-app .pro-right{display:none}.pro-task-dock{width:calc(100% - 64px)}}.pro-shell *,.pro-shell :before,.pro-shell :after{box-sizing:border-box}.pro-left,.pro-right,.pro-workspace{min-width:0}.pro-left,.pro-right{background:linear-gradient(180deg, #fffffffa, #f8fbfaf0), var(--pro-surface);flex-direction:column;gap:14px;padding:18px;display:flex;overflow:auto}.pro-left{border-right:1px solid var(--pro-line)}.pro-right{border-left:1px solid var(--pro-line)}.pro-workspace{flex-direction:column;gap:14px;padding:18px;display:flex;overflow:auto}.pro-brand{align-items:center;gap:10px;min-height:46px;display:flex}.pro-mark{background:linear-gradient(135deg, var(--pro-teal-deep), var(--pro-teal) 58%, var(--pro-coral));color:#fff;border-radius:8px;flex:none;justify-content:center;align-items:center;width:42px;height:42px;font-size:18px;font-weight:950;display:inline-flex}.pro-brand strong,.pro-panel h3,.pro-mini-info strong,.pro-task-row strong,.pro-asset-card strong,.pro-plan strong{color:var(--pro-ink-950)}.pro-brand strong{font-size:16px;line-height:1.18;display:block}.pro-brand small,.pro-panel small,.pro-task-row small,.pro-asset-card small,.pro-plan small{color:var(--pro-ink-500);font-size:12px;line-height:1.35;display:block}.pro-panel{border:1px solid var(--pro-line);box-shadow:var(--pro-shadow-panel);background:#fffffff0;border-radius:8px;gap:10px;padding:12px;display:grid}.pro-panel-head{justify-content:space-between;align-items:flex-start;gap:10px;min-width:0;display:flex}.pro-panel h3{margin:0;font-size:16px;line-height:1.2}.pro-eyebrow{color:var(--pro-ink-500);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:6px;font-size:11px;font-weight:900;display:flex}.pro-eyebrow:before{background:var(--pro-teal);content:"";border-radius:999px;width:7px;height:7px}.pro-field{gap:5px;display:grid}.pro-field span{color:var(--pro-ink-500);font-size:12px;font-weight:800}.pro-field input,.pro-field textarea{color:var(--pro-ink-700);font:inherit;resize:none;background:#fbfdfd;border:1px solid #cbd8df;border-radius:8px;width:100%;min-height:34px;padding:9px 10px;line-height:1.45}.pro-button-row{gap:8px;display:flex}.pro-button,.pro-nav-item,.pro-launch-card,.pro-reference-slot{color:var(--pro-ink-700);font:inherit;background:#fff;border:1px solid #c8d4dd;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:34px;padding:8px 10px;font-weight:850;display:inline-flex}.pro-button:disabled,.pro-generate-button:disabled{cursor:not-allowed;filter:grayscale(.25);opacity:.58}.pro-button.primary,.pro-button.tone-teal.primary{background:linear-gradient(135deg, var(--pro-teal-deep), var(--pro-teal));color:#fff;border-color:#0000;box-shadow:0 12px 26px #0b8f9140}.pro-button.soft.tone-coral{background:var(--pro-coral-soft);color:#984532;border-color:#c85f4447}.pro-nav-list,.pro-template-list{gap:8px;display:grid}.pro-nav-item{text-align:left;justify-content:space-between;width:100%;min-height:42px}.pro-nav-item>span{align-items:center;gap:7px;min-width:0;display:inline-flex}.pro-nav-item small{background:var(--pro-teal-soft);color:var(--pro-teal-deep);border-radius:999px;flex:none;padding:4px 7px;font-size:11px;font-weight:850}.pro-nav-item.active{box-shadow:inset 4px 0 0 var(--pro-teal);background:linear-gradient(135deg,#0b8f911f,#6266d414);border-color:#0b8f9173}.pro-pill{background:var(--pro-teal-soft);color:var(--pro-teal-deep);border-radius:999px;flex:none;width:fit-content;padding:4px 8px;font-size:11px;font-weight:850;display:inline-flex}.pro-hero{box-shadow:var(--pro-shadow-panel);color:#fff;background:linear-gradient(135deg,#101726f5 0%,#16243af5 50%,#075e62f0 100%);border-radius:8px;grid-template-columns:minmax(0,1fr) 260px;gap:18px;min-height:156px;padding:20px;display:grid}.pro-hero h1{color:#fff;max-width:680px;margin:9px 0 7px;font-size:26px;font-weight:950;line-height:1.18}.pro-hero p{color:#ffffffc7;max-width:700px;margin:0}.pro-hero-actions{gap:8px;margin-top:13px;display:flex}.pro-hero-art{background:linear-gradient(90deg,#ffffff38 1px,#0000 1px) 0 0/24px 24px,linear-gradient(#ffffff2e 1px,#0000 1px) 0 0/24px 24px,linear-gradient(135deg,#fff3,#ffffff0f);border:1px solid #ffffff38;border-radius:8px;min-height:112px;position:relative;overflow:hidden}.pro-hero-art span{background:linear-gradient(135deg, #fff 0 18%, transparent 18%), linear-gradient(45deg, transparent 0 44%, #ffffffe0 44% 56%, transparent 56%), linear-gradient(135deg, transparent 0 58%, #f6c074 58% 70%, transparent 70%), linear-gradient(45deg, #eaf4f2 0 32%, var(--pro-violet) 32% 52%, var(--pro-teal) 52% 100%);border-radius:7px;width:96px;height:70px;position:absolute;top:22px;right:28px;transform:rotate(-8deg)}.pro-launchpad{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.pro-launch-card{text-align:left;align-items:flex-start;gap:7px;min-height:94px;padding:12px;display:grid}.pro-launch-card strong{color:var(--pro-ink-950)}.pro-launch-card small{color:var(--pro-ink-500)}.pro-tool-icon{color:#fff;border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.tone-teal .pro-tool-icon{background:var(--pro-teal)}.tone-violet .pro-tool-icon{background:var(--pro-violet)}.tone-coral .pro-tool-icon{background:var(--pro-coral)}.tone-gold .pro-tool-icon{background:var(--pro-gold)}.pro-reference-strip,.pro-plan-grid,.pro-price-grid,.pro-task-stats,.pro-gallery-grid{gap:8px;display:grid}.pro-reference-strip{grid-template-columns:repeat(6,minmax(0,1fr))}.pro-reference-slot{color:var(--pro-ink-500);background:linear-gradient(90deg,#0b8f9114 1px,#0000 1px) 0 0/18px 18px,#f7fbfb;border-style:dashed;min-height:72px;padding:0;font-size:12px;display:grid;position:relative}.pro-reference-slot.uploaded{background:var(--pro-teal-soft);color:var(--pro-teal-deep);border-color:#0b8f9185}.pro-reference-slot.blocked{background:var(--pro-coral-soft);color:#984532;border-color:#c85f447a}.pro-reference-main{color:inherit;font:inherit;text-align:center;background:0 0;border:0;place-items:center;gap:3px;width:100%;height:100%;min-height:70px;padding:8px;display:grid}.pro-reference-main img,.pro-asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pro-reference-main img{border-radius:6px;height:26px}.pro-reference-remove{color:#984532;background:#ffffffeb;border:1px solid #c85f4442;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex;position:absolute;top:4px;right:4px}.pro-flow{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pro-flow span{background:var(--pro-surface-2);color:var(--pro-ink-700);text-align:center;border:1px solid #dbe6eb;border-radius:8px;padding:8px;font-size:12px;font-weight:850}.pro-chat{background:#f9fcfc;border:1px solid #dce8ed;border-radius:8px;gap:10px;max-height:264px;padding:12px;display:grid;overflow:auto}.pro-message{border-radius:8px;max-width:78%;padding:10px 12px}.pro-message.user{background:var(--pro-teal);color:#fff;justify-self:end}.pro-message.ai{border:1px solid var(--pro-line);background:#fff;justify-self:start}.pro-agent-input-row{grid-template-columns:1fr auto;align-items:stretch;gap:8px;display:grid}.pro-agent-input-row textarea{color:var(--pro-ink-700);font:inherit;resize:vertical;background:#fbfdfd;border:1px solid #cbd8df;border-radius:8px;width:100%;min-height:46px;padding:9px 10px;line-height:1.45}.pro-plan{border:1px solid #0b8f9147;border-left:4px solid var(--pro-teal);background:linear-gradient(135deg,#fff,#f6fbfb);border-radius:8px;gap:10px;padding:12px;display:grid}.pro-plan-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.pro-plan-grid,.pro-price-grid,.pro-task-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.pro-mini-info{border:1px solid var(--pro-line);background:#fff;border-radius:8px;gap:4px;min-width:0;padding:9px;display:grid}.pro-mini-info strong{overflow-wrap:anywhere;font-size:13px;line-height:1.35}.pro-path{border:1px solid var(--pro-line);color:var(--pro-ink-500);text-overflow:ellipsis;white-space:nowrap;background:#f8fbfb;border-radius:8px;padding:9px;font-size:12px;overflow:hidden}.pro-generate-button{background:linear-gradient(135deg, var(--pro-teal-deep), var(--pro-teal) 58%, #149e88);box-shadow:var(--pro-shadow-primary);color:#fff;font:inherit;border:0;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:54px;font-size:17px;font-weight:950;display:inline-flex}.pro-status{background:var(--pro-green-soft);color:var(--pro-green);border:1px solid #25765740;border-radius:8px;align-items:flex-start;gap:8px;padding:10px;display:flex}.pro-status.warning{background:var(--pro-coral-soft);color:#984532;border-color:#c85f4442}.pro-control-group{gap:7px;display:grid}.pro-control-group>span,.pro-number-control>span{color:var(--pro-ink-500);font-size:12px;font-weight:850}.pro-control-options{grid-template-columns:repeat(auto-fit,minmax(76px,1fr));gap:7px;display:grid}.pro-control-options button{border:1px solid var(--pro-line);color:var(--pro-ink-700);font:inherit;text-align:left;background:#fff;border-radius:8px;gap:3px;min-height:38px;padding:7px 8px;display:grid}.pro-control-options button.active{box-shadow:inset 3px 0 0 var(--pro-teal);background:linear-gradient(135deg,#0b8f911f,#6266d414);border-color:#0b8f917a}.pro-control-options button:disabled{cursor:not-allowed;opacity:.56}.pro-control-options strong{color:var(--pro-ink-950);font-size:12px}.pro-control-options small{color:var(--pro-ink-500);font-size:10px;line-height:1.25}.pro-number-control{grid-template-columns:1fr 82px;align-items:center;gap:7px;display:grid}.pro-number-control input{color:var(--pro-ink-700);font:inherit;background:#fbfdfd;border:1px solid #cbd8df;border-radius:8px;width:100%;min-height:34px;padding:7px 9px}.pro-control-summary{background:var(--pro-surface-2);border:1px dashed var(--pro-line-strong);color:var(--pro-ink-500);border-radius:8px;padding:9px;font-size:12px;line-height:1.45}.pro-status strong,.pro-status span{display:block}.pro-status span{font-size:12px}.pro-task-row{border:1px solid var(--pro-line);border-radius:8px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-width:0;padding:9px;display:grid}.pro-task-dot{border-radius:999px;width:10px;height:10px}.pro-task-dot.running{background:var(--pro-teal)}.pro-task-dot.queued{background:var(--pro-gold)}.pro-task-dot.done{background:var(--pro-green)}.pro-task-dot.failed{background:var(--pro-coral)}.pro-asset-card{border:1px solid var(--pro-line);background:#fff;border-radius:8px;overflow:hidden}.pro-asset-card>div:last-child{gap:4px;padding:9px;display:grid}.pro-asset-thumb{background:linear-gradient(135deg,#e7f5f4,#f4f0ff 48%,#fff5dc);height:112px;overflow:hidden}.pro-asset-card.tone-coral .pro-asset-thumb{background:linear-gradient(135deg,#fff2e9,#f6fbfb 50%,#e8f7ee)}.pro-asset-card.tone-gold .pro-asset-thumb{background:linear-gradient(135deg,#edf0ff,#fff 54%,#fff5dc)}.pro-asset-card.tone-green .pro-asset-thumb{background:linear-gradient(135deg,#e5f7f5,#fff 52%,#fff0e9)}.pro-policy-line{color:var(--pro-ink-500);align-items:flex-start;gap:8px;font-size:12px;display:flex}.pro-empty-state{background:var(--pro-surface-2);border:1px dashed var(--pro-line-strong);color:var(--pro-ink-500);border-radius:8px;padding:12px;font-size:12px}.pro-live-detail-grid{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr);gap:14px;display:grid}.pro-live-prompt-editor{color:var(--pro-ink-700);font:inherit;resize:vertical;background:#fbfdfd;border:1px solid #cbd8df;border-radius:8px;width:100%;min-height:132px;padding:11px 12px;line-height:1.55}.pro-live-actions{flex-wrap:wrap;gap:8px;display:flex}.pro-live-template-card{border:1px solid var(--pro-line);background:linear-gradient(135deg,#f8fcfc,#fff);border-radius:8px;gap:5px;padding:11px;display:grid}.pro-live-template-card strong{color:var(--pro-ink-950)}.pro-live-template-card span,.pro-live-template-card p{color:var(--pro-ink-500);margin:0;font-size:12px;line-height:1.45}.pro-live-template-tags{flex-wrap:wrap;gap:7px;display:flex}.pro-live-template-tags span{background:var(--pro-teal-soft);color:var(--pro-teal-deep);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:850}.pro-design-strip{margin-bottom:6px}.pro-token-row{gap:8px;display:flex}.pro-token-row span{border:1px solid #1017261f;border-radius:999px;width:52px;height:22px}.pro-component-tags{flex-wrap:wrap;gap:7px;display:flex}.pro-component-tags span{background:var(--pro-surface-2);border:1px solid var(--pro-line);color:var(--pro-ink-700);border-radius:999px;padding:5px 8px;font-size:12px}@media (width<=1420px){.pro-hero{grid-template-columns:1fr;min-height:214px}.pro-hero h1{max-width:760px;font-size:25px}.pro-hero p{max-width:760px}.pro-hero-art{display:none}}@media (width<=1200px){.pro-shell{grid-template-columns:260px minmax(0,1fr)}.pro-right{display:none}.pro-hero{min-height:0}.pro-live-detail-grid{grid-template-columns:1fr}}.pro-shell{--pro-ink-950:#111827;--pro-ink-900:#1f2937;--pro-ink-700:#374151;--pro-ink-500:#6b7280;--pro-paper:#fafafa;--pro-surface:#fff;--pro-surface-2:#f9fafb;--pro-line:#e5e7eb;--pro-line-strong:#d1d5db;--pro-teal:#0f766e;--pro-teal-deep:#115e59;--pro-teal-soft:#ccfbf1;--pro-violet:#2563eb;--pro-violet-soft:#eff6ff;--pro-coral:#dc2626;--pro-coral-soft:#fef2f2;--pro-gold:#d97706;--pro-gold-soft:#fef3c7;--pro-green:#059669;--pro-green-soft:#ecfdf5;--pro-shadow-panel:0 1px 2px #1118270d;--pro-shadow-frame:0 10px 15px -3px #11182714, 0 4px 6px -4px #1118270a;--pro-shadow-primary:0 1px 2px #0f766e40;background:#fafafa;grid-template-columns:240px minmax(600px,1fr) 300px;min-height:720px;font-family:Alibaba PuHuiTi,HYQiHei,Source Han Sans SC,Microsoft YaHei,DM Sans,sans-serif}.pro-left{color:#cbd5e1;background:#0f172a;border-right:1px solid #334155;padding:16px}.pro-workspace{background:#fafafa;gap:12px;padding:16px 18px}.pro-right{background:#fff;border-left:1px solid #e5e7eb;padding:16px}.pro-brand{color:#fff}.pro-mark{background:linear-gradient(135deg,#0f766e,#115e59);box-shadow:0 1px 2px #0f766e59}.pro-left .pro-brand strong,.pro-left .pro-panel h3,.pro-left .pro-mini-info strong,.pro-left .pro-task-row strong,.pro-left .pro-asset-card strong,.pro-left .pro-plan strong{color:#f8fafc}.pro-left .pro-brand small,.pro-left .pro-panel small{color:#94a3b8}.pro-left .pro-panel{box-shadow:none;background:#111c31;border-color:#334155}.pro-left .pro-eyebrow{color:#94a3b8;letter-spacing:0;text-transform:none}.pro-left .pro-eyebrow:before{background:#5eead4}.pro-left .pro-field span{color:#94a3b8}.pro-left .pro-field input,.pro-left .pro-field textarea{color:#e2e8f0;background:#0f172a;border-color:#334155}.pro-left .pro-field input::placeholder,.pro-left .pro-field textarea::placeholder{color:#64748b}.pro-left .pro-button:not(.primary),.pro-left .pro-nav-item{color:#cbd5e1;background:#0f172a;border-color:#334155}.pro-left .pro-button:not(.primary):hover,.pro-left .pro-nav-item:hover{background:#1e293b}.pro-left .pro-nav-item small{color:#5eead4;background:#5eead41a}.pro-left .pro-nav-item.active{background:#1e293b;border-color:#5eead470;box-shadow:inset 3px 0 #5eead4}.pro-left .pro-template-list{max-height:260px;padding-right:2px;overflow:auto}.pro-panel{box-shadow:var(--pro-shadow-panel);background:#fff;border-color:#e5e7eb;padding:12px}.pro-button,.pro-nav-item,.pro-launch-card,.pro-reference-slot{color:#374151;border-color:#e5e7eb}.pro-button{min-height:36px;transition:background-color .16s,border-color .16s,transform .16s}.pro-button:hover:not(:disabled),.pro-launch-card:hover,.pro-reference-slot:hover{transform:translateY(-1px)}.pro-button.primary,.pro-button.tone-teal.primary,.pro-generate-button{box-shadow:var(--pro-shadow-primary);background:linear-gradient(#0f766e,#115e59)}.pro-button.primary:hover:not(:disabled),.pro-button.tone-teal.primary:hover:not(:disabled),.pro-generate-button:hover:not(:disabled){background:#0d6b63}.pro-generate-button{min-height:48px}.pro-hero{box-shadow:var(--pro-shadow-panel);color:#111827;background:#fff;border:1px solid #e5e7eb;grid-template-columns:1fr;min-height:0;padding:12px}.pro-hero h1{color:#111827;letter-spacing:0;margin:8px 0 4px;font-size:20px;font-weight:800}.pro-hero p{color:#6b7280;font-size:13px;line-height:1.55}.pro-hero-art{display:none}.pro-pill.inverse{color:#115e59;background:#ccfbf1}.pro-launchpad{grid-template-columns:repeat(4,minmax(0,1fr))}.pro-launch-card{min-height:78px;padding:10px}.pro-reference-area{background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;gap:8px;padding:10px;display:grid}.pro-reference-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pro-reference-head span{color:#111827;font-size:13px;font-weight:800}.pro-reference-head small{color:#6b7280;text-align:right;font-size:11px;line-height:1.35}.pro-reference-slot{background:linear-gradient(90deg,#0f766e14 1px,#0000 1px) 0 0/18px 18px,#fff;min-height:72px}.pro-reference-slot.uploaded{color:#115e59;background:#ccfbf1;border-color:#0f766e7a}.pro-reference-slot.blocked{color:#92400e;background:#fffbeb;border-color:#d977066b}.pro-agent .pro-panel-head h3{font-size:20px}.pro-flow span{background:#fff;border-color:#e5e7eb}.pro-chat{background:#f9fafb;border-color:#e5e7eb;max-height:300px}.pro-message.user{background:#0f766e}.pro-message.ai{background:#fff;border-color:#e5e7eb}.pro-plan{background:#fff;border-color:#0f766e3d #0f766e3d #0f766e3d #0f766e}.pro-mini-info{border-color:#e5e7eb}.pro-price-grid .pro-mini-info:last-child strong,.pro-price-grid .pro-mini-info:nth-child(3) strong{color:#d97706}.pro-status{color:#059669;background:#ecfdf5;border-color:#05966938}.pro-status.warning{color:#92400e;background:#fffbeb;border-color:#d9770647}.pro-policy{box-shadow:none}.pro-gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr))}@media (width<=1320px){.pro-shell{grid-template-columns:228px minmax(600px,1fr) 292px}.pro-launchpad{grid-template-columns:repeat(2,minmax(0,1fr))}.pro-reference-head{align-items:flex-start;display:grid}.pro-reference-head small{text-align:left}}.pro-web-app .pro-shell{color:var(--light-text);background:0 0;grid-template-columns:220px minmax(0,1fr) 300px;height:auto;min-height:0;font-family:inherit;display:grid}.pro-web-app .pro-left{border-right:1px solid var(--light-border);color:var(--light-text);background:#ffffffc2;gap:18px;padding:22px 16px 110px}.pro-web-app .pro-workspace{background:0 0;gap:16px;padding:22px 20px 130px}.pro-web-app .pro-right{border-left:1px solid var(--light-border);background:#ffffffd6;gap:16px;padding:22px 18px 130px}.pro-web-app .pro-left .pro-panel,.pro-web-app .pro-right .pro-panel,.pro-web-app .pro-panel{border:1px solid var(--light-border);box-shadow:var(--shadow-sm);color:var(--light-text);background:#fffffff5;border-radius:14px}.pro-web-app .pro-left .pro-panel h3,.pro-web-app .pro-left .pro-mini-info strong,.pro-web-app .pro-left .pro-task-row strong,.pro-web-app .pro-left .pro-asset-card strong,.pro-web-app .pro-left .pro-plan strong,.pro-web-app .pro-panel h3,.pro-web-app .pro-mini-info strong,.pro-web-app .pro-task-row strong,.pro-web-app .pro-asset-card strong,.pro-web-app .pro-plan strong{color:var(--light-text)}.pro-web-app .pro-left .pro-panel small,.pro-web-app .pro-left .pro-brand small,.pro-web-app .pro-panel small,.pro-web-app .pro-task-row small,.pro-web-app .pro-asset-card small,.pro-web-app .pro-plan small{color:var(--light-muted)}.pro-web-app .pro-left .pro-field input,.pro-web-app .pro-left .pro-field textarea,.pro-web-app .pro-field input,.pro-web-app .pro-field textarea,.pro-web-app .pro-agent-input-row textarea,.pro-web-app .pro-live-prompt-editor{border:1.5px solid var(--light-border);color:var(--light-text);background:#fff;border-radius:10px}.pro-web-app .pro-left .pro-button:not(.primary),.pro-web-app .pro-left .pro-nav-item,.pro-web-app .pro-button,.pro-web-app .pro-nav-item,.pro-web-app .pro-launch-card,.pro-web-app .pro-reference-slot{border-color:var(--light-border);color:#334155;background:#fff}.pro-web-app .pro-nav-item{background:0 0;border-color:#0000}.pro-web-app .pro-nav-item.active{box-shadow:none;color:#0f766e;background:linear-gradient(90deg,#00d4aa21,#00d4aa0a);border-color:#0000}.pro-web-app .pro-button.primary,.pro-web-app .pro-button.tone-teal.primary,.pro-web-app .pro-generate-button{background:linear-gradient(180deg, var(--brand-primary), var(--brand-primary-dark));color:var(--brand-ink);border-color:#0000;box-shadow:0 14px 28px #00d4aa38}.pro-web-app .pro-hero{background:linear-gradient(135deg, #0a1628f5, #0b2b26f0), var(--brand-ink);color:#e2e8f0;border:0;border-radius:20px;grid-template-columns:minmax(0,1fr) 220px;min-height:180px;padding:28px;display:grid}.pro-web-app .pro-hero h1{color:var(--brand-primary);font-family:ZCOOL QingKe HuangYou,Noto Sans SC,sans-serif;font-size:42px;font-weight:400}.pro-web-app .pro-hero p{color:#94a3b8;font-size:15px}.pro-web-app .pro-hero-art{display:block}.pro-web-app .pro-reference-area{background:0 0;border:0;padding:0 0 16px}.pro-web-app .pro-reference-slot{border-style:dashed;min-height:116px}.pro-web-app .pro-chat{background:#fff;border:0;min-height:220px;max-height:330px}.pro-web-app .pro-message.user{color:var(--light-text);background:linear-gradient(90deg,#00d4aa1f,#00d4aa0f)}.pro-web-app .pro-message.ai{border-color:var(--light-border);background:#fff}.pro-web-app .pro-generate-button{border-radius:12px;min-height:64px;font-size:20px}@media (width<=1360px){.pro-web-app .pro-shell{grid-template-columns:204px minmax(0,1fr) 276px}}@media (width<=1120px){.pro-web-app .pro-shell{grid-template-columns:196px minmax(0,1fr)}}.pro-web-app .pro-shell{grid-template-columns:240px minmax(0,1fr) 304px}.pro-web-app .pro-right{padding-bottom:96px;display:flex}.pro-web-app .pro-project-card{gap:12px;display:grid}.pro-web-app .pro-project-card .pro-field textarea{resize:vertical;min-height:82px}.pro-web-app .pro-project-card .pro-button-row{display:flex}.pro-web-app .pro-project-card .pro-button-row .pro-button{width:100%}.pro-web-app .pro-generate-button{z-index:4;justify-content:center;align-items:center;gap:10px;width:100%;display:flex;position:sticky;top:12px}.pro-web-app .pro-template-list .pro-nav-item{grid-template-columns:minmax(0,1fr)}.pro-web-app .pro-template-list .pro-nav-item small{justify-self:flex-start;max-width:100%}.pro-web-app .pro-task-dock{width:calc(100% - 640px);max-width:980px}@media (width<=1360px){.pro-web-app .pro-shell{grid-template-columns:232px minmax(0,1fr) 288px}.pro-web-app .pro-left{padding-left:14px;padding-right:14px}.pro-web-app .pro-right{padding-left:14px;padding-right:14px;display:flex}.pro-web-app .pro-task-dock{width:calc(100% - 600px)}}@media (width<=1200px){.pro-web-app .pro-shell{grid-template-columns:220px minmax(0,1fr) 272px}.pro-web-app .pro-right{display:flex}.pro-web-app .pro-task-dock{width:calc(100% - 540px)}}@media (width<=1120px){.pro-web-app .pro-shell{grid-template-columns:200px minmax(0,1fr) 256px}.pro-web-app .pro-right{display:flex}}