:root{color-scheme:light;--bg:#fbfaf3;--panel:#ffffff;--soft:#f8fbff;--line:#e9eef8;--blue:#1f7ae0;--purple:#4f46e5;--text:#1f2937;--muted:#6b7280;--shadow:0 28px 76px #11182720}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei",Inter,system-ui,sans-serif;background:linear-gradient(135deg,#fffdf4,#f8fbff 60%,#fff);color:var(--text);min-height:100vh}.topbar{position:sticky;top:0;z-index:10;min-height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fffffff0;backdrop-filter:blur(18px);border-bottom:1px solid #eef2ff;font-size:13px}.logo{display:flex;align-items:center;gap:8px;color:#159bd7;text-decoration:none;white-space:nowrap}.logo-mark{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#e0f2fe;color:#0284c7;font-weight:900}.logo-copy{display:grid;line-height:1.05}.logo-copy small{color:#667085;font-size:11px}.main-nav{display:flex;align-items:center;gap:16px;overflow-x:auto}.main-nav a,.nav-button{color:#374151;text-decoration:none;border:0;background:transparent;font:inherit;cursor:pointer;padding:8px 2px;border-bottom:2px solid transparent;white-space:nowrap}.main-nav a.active{color:#1677d9;border-bottom-color:#1677d9}.top-actions{display:flex;gap:8px}.ghost{border:1px solid #e5e7eb;background:#fff;color:#475467;border-radius:8px;padding:7px 10px;cursor:pointer;text-decoration:none}.ghost:hover,.nav-button:hover{color:#1677d9}.icon-button{width:34px;height:34px;padding:0;border-radius:999px}.compact-action{display:inline-flex;align-items:center}.shell{max-width:1180px;margin:0 auto;padding:22px 24px 60px}.panel{background:#fffffff2;border:1px solid #eef2ff;border-radius:12px;box-shadow:var(--shadow)}.eyebrow{display:inline-block;padding:7px 13px;background:#fff;border:1px solid #eef2ff;border-radius:999px;color:#7c3aed;box-shadow:0 8px 28px #0000000a;font-size:12px}.workbench-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,330px);gap:22px;align-items:end;padding:18px 0 20px}.hero-copy h1,.page-head h1{margin:16px 0 8px;font-size:38px;line-height:1.14;letter-spacing:0;background:linear-gradient(90deg,#06b6d4,#2563eb);-webkit-background-clip:text;color:transparent}.hero-copy p,.page-head p{margin:0;max-width:680px;font-size:14px;color:var(--muted);line-height:1.8}.hero-status{display:grid;gap:8px;padding:18px}.status-pill{display:inline-flex;width:max-content;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800}.status-pill.ok{background:#dcfce7;color:#047857}.status-pill.warn{background:#fef3c7;color:#b45309}.composer-card{margin:10px auto 26px;padding:28px}.composer-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:start}.composer-main{min-width:0}.composer-side{border:1px solid #e7eef9;border-radius:12px;background:#f8fbff;padding:16px}.section-kicker{font-size:12px;font-weight:900;color:#2563eb;text-transform:uppercase;letter-spacing:.05em}.pipeline-list{display:grid;gap:14px;margin:16px 0 0;padding:0;list-style:none}.pipeline-list li{display:grid;gap:4px;padding-left:14px;border-left:3px solid #bfdbfe}.pipeline-list span{color:#667085;font-size:12px;line-height:1.5}.tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.tab{border:1px solid #eef2ff;background:#fff;color:#374151;border-radius:8px;padding:13px 10px;cursor:pointer;font-weight:700}.tab.active{background:#1677d9;color:#fff;box-shadow:0 10px 22px #1677d933}.hint{margin:22px 0 12px;color:#374151;font-weight:800}.prompt-box{border:1px solid #d9dee8;border-radius:8px;background:#fff;overflow:hidden}textarea{width:100%;min-height:92px;resize:vertical;border:0;background:#fff;color:var(--text);padding:16px;font-size:15px;outline:none}.prompt-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px}.tool-icons{display:flex;align-items:center;gap:12px;color:#9ca3af}.tool-icons select{border:0;color:#64748b;background:#fff}.mini-badge{padding:4px 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800}.next-btn{border:0;border-radius:8px;background:#1677d9;color:white;padding:9px 18px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.next-btn:disabled{opacity:.55;cursor:wait}.secondary-input{margin-top:12px;border:1px solid #d9dee8;border-radius:8px;background:#f8fafc}.hidden{display:none}.controls{display:flex;align-items:center;justify-content:flex-start;gap:18px;flex-wrap:wrap;margin-top:12px;color:#6b7280;font-size:13px}input,select{padding:7px 10px;border-radius:8px;border:1px solid #d0d5dd;background:#fff;color:var(--text);max-width:100%}input[type=number]{width:76px}.switch{display:inline-flex;align-items:center;gap:8px;color:#667085}.style-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:24px 0 14px}.style-head small{display:block;margin-top:8px;color:#8b95a1;font-weight:400}.template-row{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.template-card{min-height:145px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;overflow:hidden;cursor:pointer}.template-card.active{border-color:#1677d9;box-shadow:0 0 0 3px #1677d920}.template-preview{height:94px;background:linear-gradient(135deg,var(--accent),#fff);display:flex;align-items:center;justify-content:center;text-align:center;color:#334155;font-weight:900;padding:12px}.template-info{display:grid;gap:4px;padding:8px 10px;font-size:12px}.module{margin-top:26px}.compact-module{max-width:980px;margin-left:auto;margin-right:auto}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 14px;font-weight:800}.section-title small{font-weight:400;color:var(--muted)}.style-grid,.asset-grid,.project-grid,.slides,.help-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(245px,1fr));gap:16px}.style-card,.asset-card,.project-card,.card,.settings-card,.tool-card,.asset-preview,.material-card{background:#fff;border:1px solid #eef2ff;border-radius:16px;padding:18px;box-shadow:0 12px 34px #1d4ed80d}.style-card{cursor:pointer;position:relative;overflow:hidden}.style-card.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb22}.swatch{height:78px;border-radius:14px;margin-bottom:12px;background:linear-gradient(135deg,var(--accent),#fff)}.tag{display:inline-block;margin:8px 6px 0 0;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px}.asset-card h3,.project-card h3,.card h3,.material-card h3{margin:4px 0 8px}.asset-card p,.project-card p,.card p,.material-card p{color:var(--muted);line-height:1.6}.tool-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);gap:18px}.tool-card{display:grid;gap:14px}.tool-card label{display:grid;gap:7px;color:#475467}.asset-preview{align-content:start}.preview-canvas{height:230px;border-radius:14px;border:1px dashed #bfdbfe;background:linear-gradient(135deg,#eff6ff,#fff7ed);display:grid;place-items:center;color:#2563eb;font-size:26px;font-weight:900;text-transform:uppercase}.material-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.material-card{display:grid;grid-template-columns:70px minmax(0,1fr);gap:14px;align-items:start}.material-preview{display:grid;place-items:center;min-height:70px;border-radius:14px;background:#eff6ff;color:#2563eb;font-weight:900}.status{max-width:880px;margin:22px auto;color:#0369a1}.loading-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:999px;background:#1677d9;box-shadow:14px 0 #60a5fa,28px 0 #bfdbfe}.download{display:inline-block;margin-top:12px;color:#2563eb;font-weight:800}.warn{color:#d97706}.card small,.project-card small{color:#0284c7}.card li{margin:8px 0;color:#344054}.footer{text-align:center;margin:8px 0 48px;color:#6b7280;font-size:13px}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:28px 0 24px}.page-head h1{font-size:34px}.page-actions{display:flex;gap:10px;align-items:center;white-space:nowrap}.route-btn{height:36px}.project-meta{display:flex;align-items:center;gap:8px;margin-top:12px;color:#8b95a1;font-size:12px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.notice,.muted,.empty-state,.empty-panel{color:var(--muted);line-height:1.6}.settings-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:18px}.settings-card{display:grid;gap:13px}.settings-card h2{margin:0 0 6px}.settings-card label{display:grid;gap:7px;color:#475467}.service-card{align-content:start}code{background:#f1f5f9;padding:2px 6px;border-radius:6px;word-break:break-all}.modal-backdrop{position:fixed;inset:0;z-index:30;background:#0f172a66;display:grid;place-items:center;padding:24px}.modal-card{width:min(920px,100%);max-height:86vh;overflow:auto;background:#fff;border-radius:22px;border:1px solid #eef2ff;box-shadow:0 40px 100px #02061755;padding:28px;position:relative}.modal-card h2{margin:14px 0 8px;font-size:28px}.modal-card p{color:var(--muted);line-height:1.7}.modal-close{position:absolute;right:18px;top:16px;border:0;background:#f1f5f9;border-radius:999px;width:32px;height:32px;font-size:22px;cursor:pointer}.modal-grid{margin-top:18px}.quick-card{width:min(560px,100%)}.quick-steps{display:grid;gap:14px;padding-left:22px}.quick-steps li{padding-left:6px}.quick-steps span{display:block;color:var(--muted);margin-top:4px;line-height:1.6}#toast-root{position:fixed;right:20px;bottom:20px;z-index:50}.toast{min-width:260px;max-width:420px;padding:13px 15px;border-radius:12px;background:#0f172a;color:white;box-shadow:0 18px 40px #02061733}.toast.success{background:#047857}.toast.error{background:#b91c1c}@media(max-width:900px){.workbench-hero,.composer-layout,.tool-layout,.settings-layout{grid-template-columns:1fr}.composer-side{order:-1}.template-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:780px){.topbar{height:auto;align-items:flex-start;gap:12px;flex-direction:column;padding:14px 18px}.main-nav{width:100%;flex-wrap:wrap;gap:12px}.hero-copy h1,.page-head h1{font-size:30px}.composer-card{padding:20px}.tabs,.template-row{grid-template-columns:1fr}.controls,.page-head{align-items:stretch;flex-direction:column}.next-btn{width:100%}.page-actions{white-space:normal;flex-wrap:wrap}.style-head,.section-title{align-items:flex-start;flex-direction:column}.material-card{grid-template-columns:1fr}.modal-card{padding:20px}#toast-root{left:14px;right:14px}.toast{min-width:0;max-width:none}}
.skip-link{position:absolute;left:16px;top:8px;z-index:1000;transform:translateY(-140%);border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--text);padding:10px 14px;box-shadow:var(--shadow);transition:transform .16s ease}.skip-link:focus{transform:translateY(0)}[role="button"]:focus-visible,a:focus-visible,button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:3px solid #1f7ae0;outline-offset:3px}.template-card[role="button"],.style-card[role="button"]{cursor:pointer}.template-card[aria-pressed="true"],.style-card[aria-pressed="true"]{box-shadow:0 0 0 2px #1f7ae044,var(--shadow)}
.import-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px;color:#64748b;font-size:13px}.import-row.hidden{display:none}.file-picker{display:inline-flex;align-items:center;gap:8px;width:max-content;border:1px solid #d0d5dd;background:#fff;border-radius:8px;padding:8px 10px;color:#334155;font-weight:700;cursor:pointer}.file-picker input{max-width:220px;border:0;padding:0}
.privacy-note{display:inline-block;min-height:1.2em;color:#0369a1;font-size:12px;font-weight:700}
@media(max-width:480px){.file-picker{width:100%;max-width:100%;justify-content:space-between}.file-picker input{min-width:0;max-width:100%}}
.no-style-template-card{position:relative;display:grid;grid-template-rows:94px auto;min-height:145px;background:#f8fafc;border-style:dashed}.no-style-template-card .no-style-template-mark{display:flex;align-items:center;justify-content:center;gap:7px;background:#eef2f7;border-bottom:1px solid #e2e8f0}.no-style-template-mark span{display:block;width:28px;height:4px;border-radius:4px;background:#94a3b8}.no-style-template-mark span:nth-child(2){width:40px;background:#64748b}.no-style-template-mark span:nth-child(3){width:20px;background:#cbd5e1}.no-style-template-card.active{border-color:#1677d9;border-style:solid;background:#f1f8ff;box-shadow:0 0 0 3px #1677d920}.no-style-template-card.active .no-style-template-mark{background:#e0f2fe;border-bottom-color:#bfdbfe}.no-style-template-card .template-info{align-content:center}.no-style-template-card .template-info span{color:#64748b;line-height:1.35}.no-style-template-card .template-selected-badge{position:absolute;top:8px;right:8px;padding:4px 7px;border-radius:999px;background:#1677d9;color:#fff;font-size:11px;font-weight:800}
.generated-asset{display:block;width:100%;height:100%;object-fit:contain;border-radius:14px}.asset-meta{display:grid;gap:5px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.asset-meta span{color:var(--muted);font-size:12px;line-height:1.5;word-break:break-word}
.asset-reference-panel{display:grid;gap:12px;border:1px solid #e5edf7;border-radius:14px;background:#f8fbff;padding:14px}.asset-reference-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.asset-reference-head div{display:grid;gap:4px}.asset-reference-head b,.material-reference-picker>b{color:#263244}.asset-reference-head span{color:#667085;font-size:12px;line-height:1.45}.reference-upload{position:relative;overflow:hidden;white-space:nowrap}.reference-upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.reference-strip,.material-reference-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:10px}.reference-thumb{position:relative;min-width:0;margin:0;border:1px solid #dbeafe;border-radius:12px;background:#fff;overflow:hidden}.reference-thumb img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#eff6ff}.reference-thumb figcaption{padding:6px 8px;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reference-remove{position:absolute;right:6px;top:6px;width:24px;height:24px;border:0;border-radius:999px;background:#0f172acc;color:#fff;font-weight:900;cursor:pointer}.reference-empty,.material-reference-empty{border:1px dashed #cbd5e1;border-radius:12px;background:#fff;color:#64748b;padding:12px;font-size:12px;line-height:1.5}.material-reference-picker{display:grid;gap:10px}.material-reference-item{display:grid;grid-template-rows:auto auto;gap:6px;min-width:0;border:1px solid #dbeafe;border-radius:12px;background:#fff;padding:8px;cursor:pointer}.material-reference-item.active{border-color:#2d8cff;box-shadow:0 0 0 2px #2d8cff26}.material-reference-item input{position:absolute;opacity:0;pointer-events:none}.material-reference-item img,.material-reference-item>span{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:9px;background:#eff6ff;color:#1f7ae0;font-weight:900;object-fit:cover}.material-reference-item em{font-style:normal;color:#536174;font-size:11px;line-height:1.35;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.editor-page-grid{align-items:start}.editor-page-card{display:grid;gap:12px;min-width:0}.editor-page-card label{display:grid;gap:6px;min-width:0;color:#475467;font-size:13px;font-weight:700}.editor-page-card input,.editor-page-card textarea,.editor-page-card select{width:100%;min-width:0;border:1px solid #d0d5dd;border-radius:8px;background:#fff;overflow-wrap:anywhere}.editor-page-card textarea{min-height:auto;padding:10px}.editor-save{width:100%;margin-top:2px}.editor-error{color:#b91c1c}.editor-success{color:#047857}
.material-chip-row{display:flex;flex-wrap:wrap;gap:6px;min-width:0}.material-chip-row span{display:inline-flex;max-width:100%;padding:4px 8px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:12px;font-weight:800;overflow-wrap:anywhere}.material-chip-row.empty{color:#8b95a1;font-size:12px}
.editor-material-picker{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid #e1ecfb;border-radius:12px;background:#f8fbff}.editor-material-picker.empty{color:#64748b;font-size:12px;line-height:1.5}.editor-material-picker-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#344054}.editor-material-picker-head b{font-size:13px}.editor-material-picker-head span{color:#64748b;font-size:12px;font-weight:800}.editor-material-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(84px,1fr));gap:8px}.editor-material-choice{position:relative;display:grid;grid-template-rows:auto minmax(28px,auto);gap:6px;min-width:0;padding:7px;border:1px solid #dbeafe;border-radius:10px;background:#fff;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.editor-material-choice:hover{transform:translateY(-1px);border-color:#8bc4ff}.editor-material-choice.active{border-color:#2d8cff;box-shadow:0 0 0 2px #2d8cff24}.editor-material-choice input{position:absolute;opacity:0;pointer-events:none}.editor-material-choice img,.editor-material-choice>span{display:grid;place-items:center;width:100%;aspect-ratio:4/3;border-radius:8px;background:#eff6ff;color:#1f7ae0;font-weight:900;object-fit:contain}.editor-material-choice em{font-style:normal;color:#536174;font-size:11px;line-height:1.28;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.editor-design-card{min-width:0}.editor-design-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.editor-design-card select{width:100%;min-width:0}.editor-design-save{width:100%;margin-top:2px}@media(max-width:560px){.editor-design-grid{grid-template-columns:1fr}}
.editor-vibe-box{display:grid;gap:8px;padding:12px;border:1px dashed #bdd7ff;border-radius:12px;background:#f7fbff}.editor-vibe-run{width:100%;justify-content:center;color:#1d4ed8;font-weight:800}.editor-vibe-targets{display:grid;gap:10px;padding:10px;border:1px solid #dbeafe;border-radius:12px;background:#fff}.editor-vibe-target-head,.editor-vibe-target-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.editor-vibe-target-head b{font-size:13px;color:#1e3a8a}.editor-vibe-target-head span,.editor-vibe-target-meta span{font-size:12px;color:#64748b}.editor-region-map{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.editor-region-node{display:grid;gap:3px;min-width:0;padding:9px 8px;border:1px solid #d9e7fb;border-radius:10px;background:#f8fbff;color:#334155;text-align:left;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease,transform .15s ease}.editor-region-node:hover{transform:translateY(-1px);border-color:#8bc4ff}.editor-region-node.active{border-color:#1677d9;background:#eaf4ff;box-shadow:0 0 0 2px #1677d924}.editor-region-node span{font-size:12px;font-weight:900;overflow-wrap:anywhere}.editor-region-node small{font-size:10px;color:#64748b;line-height:1.25}@media(max-width:560px){.editor-region-map{grid-template-columns:repeat(2,minmax(0,1fr))}}
.editor-inpaint-toggle{display:flex;align-items:center;gap:8px;width:max-content;max-width:100%;padding:8px 10px;border:1px solid #dbeafe;border-radius:10px;background:#fff;color:#1e3a8a;font-size:12px;font-weight:900;cursor:pointer}.editor-inpaint-toggle input{width:16px;height:16px;accent-color:#1677d9}.editor-inpaint-toggle span{overflow-wrap:anywhere}
.material-category-grid,.material-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr))}.material-filter-card{display:grid;text-align:left;gap:6px;cursor:pointer}.material-filter-card.active{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb22}.material-filter-card strong,.material-filter-card span{overflow-wrap:anywhere}.material-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 16px}.material-thumb{display:block;width:70px;aspect-ratio:1;border-radius:14px;border:1px solid #bfdbfe;background:#f8fafc;object-fit:contain}.material-copy{min-width:0}.material-copy h3,.material-copy p,.material-copy small{overflow-wrap:anywhere}.material-card{min-width:0}.material-card code{width:max-content;max-width:100%;overflow-wrap:anywhere}.tag{overflow-wrap:anywhere}
.material-provider-evidence{display:flex;flex-wrap:wrap;gap:6px}.material-provider-evidence span{max-width:100%;padding:4px 7px;border:1px solid var(--line);border-radius:7px;background:#f8fafc;color:var(--muted);font-size:11px;font-weight:750;overflow-wrap:anywhere}.material-provider-evidence b{color:var(--ink)}
.template-library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:14px}.material-template-card{display:grid;grid-template-rows:auto auto 1fr;min-width:0}.material-template-card .template-image,.material-modal-template-card .material-thumb{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;background:#eff6ff}.template-library-actions{padding:0 10px 10px;white-space:normal;flex-wrap:wrap}.template-library-actions .ghost{min-height:32px}.material-modal-template-strip{margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.material-modal-template-card{display:grid;gap:10px;align-content:start;min-width:0}.material-modal-template-card h3,.material-modal-template-card p{overflow-wrap:anywhere}
@media(max-width:480px){.material-toolbar .file-picker{width:100%}.material-thumb{width:100%;max-height:170px}.material-card{grid-template-columns:1fr}}
.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:16px;align-items:start}.settings-grid .settings-card{min-width:0}.settings-grid input:not([type=checkbox]),.settings-grid select{width:100%;min-width:0}.settings-grid .status-row{align-items:flex-start}.settings-grid .status-row code{max-width:62%;overflow-wrap:anywhere}.settings-test{width:max-content;max-width:100%;justify-content:center}.service-card .next-btn{width:100%}@media(max-width:560px){.settings-grid .status-row{display:grid;justify-items:start}.settings-grid .status-row code{max-width:100%}.settings-test{width:100%}}
.secret-row{display:grid;grid-template-columns:minmax(92px,.8fr) minmax(0,1fr) auto;align-items:center}.mini-danger{font-size:12px;padding:5px 8px;color:#b91c1c}.danger-btn{border-color:#fecaca;color:#b91c1c}.settings-success{margin:0;color:#047857;font-weight:700}.settings-error{margin:0;color:#b91c1c;font-weight:700}button:disabled{opacity:.55;cursor:not-allowed}@media(max-width:560px){.secret-row{grid-template-columns:1fr}.mini-danger{width:100%}}
.project-card{min-width:0}.project-card .page-actions{white-space:normal;flex-wrap:wrap;align-items:flex-start}.project-card h3,.project-card p,.project-meta,.project-meta code{overflow-wrap:anywhere}.project-meta{min-width:0}.project-meta code{min-width:0;max-width:100%}

body{background:linear-gradient(115deg,#fffdf1 0%,#ffffff 38%,#f4f9ff 100%);font-family:"Microsoft YaHei","PingFang SC","Segoe UI",system-ui,sans-serif;color:#263244}.topbar{min-height:78px;padding:0 56px;background:#ffffffeb;border-bottom:1px solid #eef3fb;box-shadow:0 10px 34px #2d8cff0c}.logo{gap:12px;color:#1d9df2}.logo-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,#e9f6ff,#fff);border:2px solid #46b4ff;color:#1789e8;box-shadow:0 8px 22px #2d8cff24}.logo-copy b{font-size:24px;letter-spacing:0;color:#1e9af0}.logo-copy small{font-size:12px;color:#6b7280}.main-nav{gap:28px}.main-nav a{display:inline-flex;align-items:center;gap:7px;padding:26px 0 22px;border-bottom:3px solid transparent;color:#465468;font-weight:700}.main-nav a.active{color:#1f7ae0;border-bottom-color:#2d8cff}.nav-icon{font-size:17px;color:#506074}.top-actions{align-items:center}.locale-pill{padding:7px 10px;border-radius:999px;background:#f4f7fb;color:#536174;font-size:13px}.shell{max-width:1500px;padding:0 40px 70px}.workbench-hero{position:relative;display:block;min-height:640px;padding:92px 0 68px;text-align:center}.hero-copy{max-width:980px;margin:0 auto}.hero-copy h1,.page-head h1{font-size:72px;line-height:1.05;margin:34px 0 20px;background:linear-gradient(90deg,#09b7d8 0%,#3b82f6 88%);-webkit-background-clip:text;color:transparent;font-weight:900}.hero-copy p{margin:0 auto;max-width:780px;font-size:22px;color:#667085}.hero-badge{font-size:18px;padding:12px 22px;color:#475467;background:#fff;border-color:#edf1f7;box-shadow:0 12px 34px #17255412}.hero-feature-row{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin:52px auto 30px}.hero-feature-row span{display:inline-flex;align-items:center;gap:6px;padding:12px 18px;border:1px solid #e8edf5;border-radius:999px;background:#fffffff0;color:#465468;font-size:17px;font-weight:700;box-shadow:0 8px 24px #1118270b}.hero-cta{width:max-content;margin:0 auto;padding:18px 38px;border-radius:14px;background:linear-gradient(135deg,#2d8cff,#4f46e5);font-size:19px;box-shadow:0 18px 34px #2d65ff30}.hero-status{position:absolute;right:30px;top:90px;width:260px;padding:18px;text-align:left;border-radius:14px}.composer-card{max-width:1180px;margin:-92px auto 34px;padding:38px 44px;border-radius:26px;background:#ffffff;box-shadow:0 30px 90px #2563eb17;border-color:#eff4fb}.composer-layout{display:block}.composer-main{min-width:0}.composer-side{margin-top:24px;border-radius:16px;border:1px solid #e8eff9;background:#f8fbff}.tabs{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:30px}.tab{height:58px;border-color:#e4eaf4;border-radius:12px;font-size:18px;font-weight:800;box-shadow:0 8px 22px #11182708}.tab span{margin-right:10px}.tab.active{background:#2d78df;color:#fff;box-shadow:0 14px 28px #2563eb28}.hint{margin:0 0 18px;font-size:18px;color:#354154}.prompt-box{border:2px solid #e3e8f0;border-radius:14px;box-shadow:inset 0 1px 0 #ffffff}.prompt-box textarea{min-height:210px;font-size:19px;line-height:1.75;padding:24px;color:#263244}.prompt-toolbar{border-top:1px solid #edf1f7;padding:14px 16px}.tool-icons{gap:14px;flex-wrap:wrap}.inline-select{display:inline-flex;align-items:center;gap:8px;color:#667085}.next-btn{border-radius:12px;background:#2b79df;padding:11px 22px;box-shadow:0 10px 24px #2563eb20}.ghost{border-color:#e2e8f0;border-radius:12px}.controls{margin-top:18px;font-size:15px}.template-row{margin-top:18px;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.template-card{border-radius:14px;border-color:#e6edf6;min-height:132px;box-shadow:0 12px 26px #11182708}.template-card.active{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1f,0 16px 34px #2d8cff18}.template-preview{height:84px;border-radius:0;background:linear-gradient(135deg,var(--accent),#eef7ff);font-size:18px}.style-card,.asset-card,.project-card,.card,.settings-card,.tool-card,.asset-preview,.material-card{border-radius:14px;border-color:#e8eff8;box-shadow:0 16px 42px #1d4ed80d}.section-title{font-size:18px}.page-head{padding-top:42px}.page-head h1{font-size:42px;color:#263244;background:none;-webkit-background-clip:initial}.page-head p{font-size:15px}.download.button-link,.download{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:#ecf5ff;color:#1f7ae0;padding:9px 13px;text-decoration:none}.file-picker{border:1px dashed #9ecfff;background:#f6fbff;border-radius:12px;padding:10px 14px}.privacy-note{color:#64748b}.status{border-radius:16px;background:#fff;border:1px solid #e8eff8;padding:18px 22px;box-shadow:0 14px 34px #1d4ed80c}.slides{max-width:1180px;margin:0 auto}.footer{color:#8a94a6}
@media(max-width:1100px){.topbar{padding:14px 24px}.main-nav{gap:16px}.hero-status{position:static;margin:26px auto 0}.workbench-hero{min-height:auto;padding:70px 0 120px}.composer-card{margin-top:-70px}.hero-copy h1{font-size:56px}}
@media(max-width:780px){.shell{padding:0 18px 50px}.topbar{padding:14px 18px}.main-nav a{padding:8px 0}.hero-copy h1{font-size:42px}.hero-copy p{font-size:16px}.hero-feature-row{gap:10px;margin-top:30px}.hero-feature-row span{font-size:13px}.composer-card{padding:22px 18px;border-radius:18px}.tabs,.template-row{grid-template-columns:1fr}.prompt-box textarea{min-height:170px;font-size:16px}.hero-cta{width:100%}}
.workbench-hero{pointer-events:none;z-index:1}.workbench-hero .hero-copy,.workbench-hero .hero-status{pointer-events:auto}.composer-card{position:relative;z-index:2;scroll-margin-top:120px}.tabs{scroll-margin-top:120px}
.asset-actions,.material-actions{margin-top:12px;white-space:normal;flex-wrap:wrap}.material-actions .ghost{max-width:100%;overflow-wrap:anywhere}

/* Reference-style product polish pass */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{backdrop-filter:blur(22px) saturate(1.1)}
.logo-copy b{font-weight:900}.main-nav a{position:relative}.main-nav a::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:3px;border-radius:999px;background:transparent}.main-nav a.active::after{background:#2d8cff}.main-nav a.active{border-bottom-color:transparent}.nav-icon{display:inline-grid;place-items:center;width:18px;height:18px}
.hero-feature-row span{min-height:42px}.hero-feature-row span:nth-child(1){color:#1f2937}.hero-feature-row span:nth-child(1)::before{content:"✦";color:#f59e0b}.hero-feature-row span:nth-child(2)::before{content:"▧";color:#3b82f6}.hero-feature-row span:nth-child(3)::before{content:"⌕";color:#f97316}.hero-feature-row span:nth-child(4)::before{content:"↧";color:#22c55e}
.tabs .tab{display:flex;align-items:center;justify-content:center;gap:12px;color:#303b4f}.tabs .tab span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#f3f7fd;color:#526075;font-size:18px;line-height:1}.tabs .tab.active span{background:#ffffff24;color:#fff}.tabs .tab.active{background:linear-gradient(135deg,#2d8cff,#2367d1);color:#fff}.prompt-box{background:#fff;transition:border-color .16s ease,box-shadow .16s ease}.prompt-box:focus-within{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1d,0 18px 38px #1d4ed80f}.prompt-toolbar{background:#fff}.tool-icons select,.inline-select select{height:34px;border:1px solid transparent;border-radius:10px}.inline-select{padding-left:4px}.next-btn{background:linear-gradient(135deg,#2d8cff,#4f46e5)}.next-btn:hover{filter:saturate(1.05) brightness(.99)}.ghost:hover{border-color:#b9d8ff;background:#f7fbff}
.file-picker{position:relative;overflow:hidden;min-height:42px}.file-picker input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.material-toolbar .file-picker,.import-row .file-picker{box-shadow:0 10px 22px #2d8cff10}
.settings-console{max-width:1180px;margin:28px auto 0;padding:36px 46px 42px;border:1px solid #e8eff8;border-radius:22px;background:#ffffff;box-shadow:0 30px 90px #2563eb14}.settings-console-head{display:flex;justify-content:space-between;gap:28px;align-items:flex-start;padding-bottom:24px;margin-bottom:24px;border-bottom:1px solid #edf1f7}.settings-console-head h2{margin:10px 0 8px;font-size:30px;line-height:1.16}.settings-console-head p{margin:0;color:#657287;line-height:1.7}.settings-step{display:inline-flex;align-items:center;width:max-content;padding:8px 14px;border-radius:999px;border:1px solid #ddecff;background:#f7fbff;color:#2563eb;font-weight:800}.settings-live-status{display:grid;justify-items:end;gap:10px;min-width:220px}.settings-live-status code{max-width:260px;text-align:right}
.settings-grid{grid-template-columns:1fr;gap:18px}.settings-grid .settings-card{box-shadow:none;background:#fbfcff;border-color:#e7edf6;border-radius:16px;padding:22px}.settings-grid .settings-card h2{font-size:22px;display:flex;align-items:center;gap:10px}.settings-grid .settings-card h2::before{content:"";display:inline-block;width:4px;height:24px;border-radius:999px;background:#2d8cff}.settings-grid label{font-weight:700;color:#36445a}.settings-grid input:not([type=checkbox]),.settings-grid select{height:44px;border-color:#dbe3ef;background:#fff;font-size:15px}.settings-grid input:not([type=checkbox]):focus,.settings-grid select:focus{border-color:#5aa7ff;box-shadow:0 0 0 3px #2d8cff1d}.settings-test{min-height:38px}.service-card{background:linear-gradient(180deg,#f7fbff,#fff)}.service-card .next-btn{justify-self:end;width:max-content;min-width:190px}.secret-row{padding:8px 0;border-top:1px dashed #e5ebf4}.settings-success,.settings-error{padding:9px 11px;border-radius:10px;background:#ecfdf5}.settings-error{background:#fef2f2}
.card-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.status-pill.tiny{padding:4px 8px;font-size:11px;background:#eff6ff;color:#1d4ed8}.project-grid{grid-template-columns:repeat(auto-fill,minmax(285px,1fr))}.project-card{transition:transform .16s ease,box-shadow .16s ease}.project-card:hover{transform:translateY(-2px);box-shadow:0 20px 48px #1d4ed814}.project-card .page-actions a,.project-card .page-actions button,.material-actions a,.material-actions button{min-height:38px}.download.button-link,.download{box-shadow:none}
.history-toolbar{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:0 0 18px;padding:16px}.history-filter{display:grid;gap:7px;min-width:min(360px,100%);color:#536174;font-weight:800;font-size:13px}.history-filter.compact{min-width:170px}.history-filter input,.history-filter select{height:40px}.history-count{margin-left:auto;color:#64748b;font-weight:800}.history-message{margin:0 0 18px;max-width:none}.project-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.project-title-row h3{min-width:0;margin-top:0}.rename-btn{flex:0 0 auto;font-size:12px;padding:6px 9px}.rename-form{display:grid;gap:10px;margin:4px 0 8px}.rename-form input{width:100%;height:42px;font-weight:800}.rename-actions{display:flex;gap:8px;flex-wrap:wrap}.rename-actions .next-btn,.rename-actions .ghost{min-height:36px;padding:8px 12px}
.history-bulk-select{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:7px 10px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#475467;font-weight:800;font-size:13px}.history-bulk-select input,.history-card-select input{width:16px;height:16px;accent-color:#1677d9}.history-bulk-actions{display:flex;gap:8px;flex-wrap:wrap}.history-bulk-actions .ghost{min-height:40px}.history-card-select{display:inline-flex;align-items:center;gap:8px;min-width:0}.history-card-select small{overflow-wrap:anywhere}
.material-category-grid .material-filter-card{min-height:96px}.material-filter-card small{color:#2563eb;font-weight:800}.material-thumb,.material-preview{box-shadow:inset 0 0 0 1px #dcecff}.material-card h3{font-size:18px;line-height:1.3}
.modal-backdrop{background:#0f172a80;backdrop-filter:blur(6px)}.quick-card{width:min(720px,100%);padding:44px;border-radius:28px}.quick-card .eyebrow{display:block;width:max-content;margin:0 auto 10px}.quick-card h2{text-align:center;font-size:32px}.quick-steps{padding:0;list-style:none}.quick-steps li{display:grid;gap:4px;padding:16px 18px;border:1px solid #e8eff8;border-radius:14px;background:#fbfcff}
@media(max-width:900px){.settings-console{padding:26px 22px}.settings-console-head{display:grid}.settings-live-status{justify-items:start;min-width:0}.settings-live-status code{text-align:left}.service-card .next-btn{width:100%;justify-self:stretch}}
@media(max-width:780px){.settings-console{border-radius:18px}.tabs .tab{justify-content:flex-start}.hero-feature-row span::before{display:inline-block}.file-picker{width:100%}.settings-grid .settings-card{padding:18px}}
.pipeline-step{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 10px;border:1px solid #e5edf8;border-radius:10px;background:#f8fbff}.pipeline-step span{font-size:12px;font-weight:800;color:#344054}.pipeline-step b{font-size:11px;text-transform:uppercase;color:#64748b}.pipeline-step.completed{border-color:#bbf7d0;background:#f0fdf4}.pipeline-step.completed b{color:#047857}.pipeline-step.processing{border-color:#bfdbfe;background:#eff6ff}.pipeline-step.processing b{color:#1d4ed8}.pipeline-step.failed{border-color:#fecaca;background:#fef2f2}.pipeline-step.failed b{color:#b91c1c}

/* Home template and custom style workflow */
.composer-card{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.composer-side{display:none}
.style-template-head{padding-top:26px;margin-top:26px;border-top:1px solid #edf1f7}
.style-title{display:flex;align-items:center;gap:10px;font-size:22px;color:#111827}
.style-title-icon{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:#fff7ed;color:#f97316;font-size:17px}
.style-toggle{display:inline-flex;align-items:center;gap:12px;color:#5d6675;font-weight:700;cursor:pointer}
.style-toggle input{position:absolute;opacity:0;pointer-events:none}
.switch-ui{position:relative;display:inline-block;width:56px;height:32px;border-radius:999px;background:#dce3ed;box-shadow:inset 0 1px 2px #11182718;transition:background .18s ease}
.switch-ui::after{content:"";position:absolute;left:4px;top:4px;width:24px;height:24px;border-radius:999px;background:#fff;box-shadow:0 4px 10px #11182724;transition:transform .18s ease}
.style-toggle input:checked + .switch-ui{background:#4294f7}
.style-toggle input:checked + .switch-ui::after{transform:translateX(24px)}
.template-label{font-size:16px;color:#667085;margin:0 0 12px}
.template-row{grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.template-card{position:relative;display:grid;grid-template-rows:auto minmax(58px,auto);min-height:190px;border-radius:10px;overflow:hidden;text-decoration:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.template-card:hover{transform:translateY(-2px);border-color:#bddcff;box-shadow:0 20px 42px #1d4ed814}
.template-card.active,.template-card[aria-pressed="true"]{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff,0 16px 34px #2d8cff24}
.template-card.active::before,.template-card[aria-pressed="true"]::before{content:"";position:absolute;inset:3px 3px 58px;border-radius:8px;background:linear-gradient(180deg,#1f7ae014,#0f172a30);pointer-events:none;z-index:2}
.template-image-card{background:#0f172a}
.template-image{display:block;width:100%;aspect-ratio:16/9;height:auto;object-fit:cover;background:#f1f5f9}
.template-selected-badge{position:absolute;left:50%;top:calc((100% - 58px)/2);z-index:3;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:104px;min-height:38px;padding:8px 16px;border-radius:999px;background:#ffffffd9;color:#ffffff;font-weight:900;text-shadow:0 2px 8px #0f172acc;box-shadow:0 12px 26px #0f172a33;backdrop-filter:blur(6px);transform:translate(-50%,-50%);pointer-events:none}
.template-selected-badge::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,#60a5fa,#2563eb);opacity:.92;z-index:-1}
.template-preview{height:auto;min-height:132px;display:grid;gap:8px;place-items:center;padding:18px;border-bottom:1px solid #eef2ff;background:linear-gradient(135deg,var(--accent),#ffffff 78%)}
.template-preview span{font-size:12px;color:#475569;font-weight:800;text-transform:uppercase}
.template-preview b{font-size:22px;color:#0f172a}
.template-info{background:#fff;color:#1f2937}
.template-info b{font-size:14px;line-height:1.35;overflow-wrap:anywhere}
.template-info span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#6b7280;line-height:1.45}
.upload-template-card{display:grid;grid-template-rows:1fr auto auto;place-items:center;gap:8px;min-height:190px;border:2px dashed #cbd5e1;background:#fbfdff;color:#667085;cursor:pointer}
.upload-template-card input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.upload-plus{display:grid;place-items:center;width:46px;height:46px;border-radius:999px;background:#fff;color:#111827;font-size:30px;line-height:1}
.upload-template-card b{font-size:16px;color:#64748b}.upload-template-card small{font-size:12px;color:#94a3b8}
.material-template-panel{display:grid;gap:10px;margin-top:18px}.material-template-picker-button{width:100%;min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-color:#2d8cff;color:#111827;font-size:16px;font-weight:900}.material-template-picker-button:hover{background:#f4f9ff}.material-template-status{margin:0;color:#1f6ec8;font-size:12px;font-weight:900;overflow-wrap:anywhere}.material-template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:14px}.material-template-option{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;min-width:0;padding:12px;border:1px solid #e3ecf8;border-radius:10px;background:#fff;box-shadow:0 12px 28px #1d4ed80d}.material-template-thumb,.material-template-fallback{width:100%;aspect-ratio:16/9;border:1px solid #dbeafe;border-radius:8px;background:#f8fbff;object-fit:contain}.material-template-fallback{display:grid;place-items:center;color:#1f7ae0;font-size:24px;font-weight:900}.material-template-copy{min-width:0}.material-template-copy h3{margin:4px 0 6px;font-size:15px;overflow-wrap:anywhere}.material-template-copy p{min-height:2.8em;margin:0;color:#667085;font-size:12px;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.material-template-copy small{color:#0284c7;font-size:11px;font-weight:800}
.style-text-panel{display:grid;gap:16px}
.style-text-panel.hidden{display:none}
.style-text-panel textarea{min-height:170px;border:2px solid #e3e8f0;border-radius:12px;font-size:17px;line-height:1.7}
.style-chip-row{display:flex;flex-wrap:wrap;gap:12px}
.style-chip{display:inline-flex;align-items:center;gap:8px;min-height:38px;border:1px solid #e1e7f0;border-radius:999px;background:#fff;color:#344054;padding:8px 14px;font:700 14px "Microsoft YaHei","PingFang SC","Segoe UI",system-ui,sans-serif;cursor:pointer;box-shadow:0 8px 18px #11182708}
.style-chip span{width:14px;height:14px;border-radius:999px;background:var(--dot)}
.style-chip:hover,.style-chip.active{border-color:#77baff;background:#f7fbff;color:#1d4ed8}
.style-tool-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.style-image-button,.style-ai-button{min-height:40px;border-style:dashed;color:#2b6ec8;font-weight:800}
.style-ai-button{border-style:solid;border-color:#b9d8ff;background:#f7fbff}
.style-tip{margin:0;color:#8a94a6;line-height:1.6}
.style-generated-preview{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;align-items:center;border:1px solid #e7edf6;border-radius:14px;background:#fbfcff;padding:12px;color:#536174;font-weight:700}
.style-generated-preview.empty{display:block;padding:14px;color:#98a2b3;font-weight:600}
.style-generated-preview img{width:160px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #e5e7eb;background:#fff}
.toolbar-icon-button{display:inline-grid;place-items:center;width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:#8b97aa;cursor:pointer;transition:background .15s ease,color .15s ease,box-shadow .15s ease}.toolbar-icon-button:hover,.toolbar-icon-button:focus-visible{background:#eff6ff;color:#1f7ae0;box-shadow:inset 0 0 0 1px #bfdbfe}.toolbar-icon{position:relative;display:inline-block;width:18px;height:18px;color:currentColor}.toolbar-icon-image{border:1.8px solid currentColor;border-radius:3px}.toolbar-icon-image::before{content:"";position:absolute;right:2px;top:2px;width:4px;height:4px;border-radius:999px;background:currentColor}.toolbar-icon-image::after{content:"";position:absolute;left:2px;right:2px;bottom:2px;height:7px;background:linear-gradient(135deg,transparent 0 32%,currentColor 34% 45%,transparent 47%),linear-gradient(45deg,transparent 0 42%,currentColor 44% 58%,transparent 60%);opacity:.85}.toolbar-icon-file{border:1.8px solid currentColor;border-radius:3px}.toolbar-icon-file::before{content:"";position:absolute;right:-1.8px;top:-1.8px;width:7px;height:7px;border-left:1.8px solid currentColor;border-bottom:1.8px solid currentColor;background:#fff}.toolbar-icon-file::after{content:"";position:absolute;left:4px;right:4px;top:8px;height:1.8px;background:currentColor;box-shadow:0 4px 0 currentColor;opacity:.8}.toolbar-file-input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.toolbar-status{max-width:260px;color:#0369a1;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.prompt-attachment-row{display:flex;flex-wrap:wrap;gap:8px;padding:0 10px 10px;border-top:1px solid #edf1f7;background:#fbfdff}.prompt-attachment-chip{display:grid;grid-template-columns:auto minmax(80px,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:2px 8px;max-width:100%;padding:8px 9px;border:1px solid #cfe4ff;border-radius:8px;background:#f6fbff;color:#263244}.prompt-attachment-chip b{font-size:10px;text-transform:uppercase;color:#1f7ae0}.prompt-attachment-chip em{min-width:0;font-style:normal;font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prompt-attachment-chip small{grid-column:1 / span 2;color:#64748b;font-size:11px;line-height:1.35}.prompt-attachment-chip button{grid-column:3;grid-row:1 / span 2;width:24px;height:24px;border:0;border-radius:999px;background:#e0eefc;color:#1f5f9c;font-size:17px;line-height:1;cursor:pointer}.prompt-attachment-chip button:hover{background:#cfe4ff;color:#0f4a80}
.tool-icons{flex-wrap:wrap}
@media(max-width:1100px){.template-row{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:780px){.style-template-head{align-items:stretch}.style-toggle{justify-content:space-between;width:100%}.template-row{grid-template-columns:1fr}.template-card,.upload-template-card{min-height:0}.style-generated-preview{grid-template-columns:1fr}.style-generated-preview img{width:100%}.style-tool-row .ghost{width:100%;justify-content:center}}

/* Shell language and theme controls */
.shell-control{display:inline-flex;align-items:center;min-width:0}.shell-select{height:34px;min-width:88px;border:1px solid #dbe5f2;border-radius:999px;background:#f7fbff;color:#435269;font-weight:800;padding:6px 30px 6px 12px;box-shadow:0 8px 18px #11182708;cursor:pointer}.theme-select{min-width:104px}.shell-select:hover{border-color:#aacfff;background:#fff}.shell-select:focus-visible{outline:3px solid #2d8cff30;outline-offset:2px}.top-actions{flex-wrap:wrap;justify-content:flex-end}.compact-action{min-height:34px;align-items:center}.shell-segment{display:inline-flex;align-items:center;gap:2px;min-height:34px;padding:3px;border:1px solid #dbe5f2;border-radius:999px;background:#f7fbff;box-shadow:0 8px 18px #11182708}.shell-segment button{height:28px;border:0;border-radius:999px;background:transparent;color:#435269;padding:0 10px;font-weight:900;font-size:12px;cursor:pointer}.shell-segment button.active{background:#2d8cff;color:#fff;box-shadow:0 6px 14px #2d8cff2b}.shell-segment button:hover:not(.active){background:#eaf4ff;color:#1f7ae0}.theme-segment button{min-width:52px}.locale-segment button{min-width:42px}
:root[data-theme="dark"]{color-scheme:dark;--bg:#08111f;--panel:#101a2b;--soft:#142238;--line:#26364d;--blue:#6ab8ff;--purple:#9b8cff;--text:#e8eef8;--muted:#9aa8bb;--shadow:0 28px 76px #00000066}
:root[data-theme="dark"] body{background:linear-gradient(115deg,#08111f 0%,#0d1728 48%,#101a2b 100%);color:var(--text)}
:root[data-theme="dark"] .topbar{background:#0b1220eb;border-bottom-color:#22314a;box-shadow:0 16px 44px #00000038}
:root[data-theme="dark"] .logo-copy b{color:#8ccaff}:root[data-theme="dark"] .logo-copy small,:root[data-theme="dark"] .footer{color:#91a1b7}:root[data-theme="dark"] .logo-mark{background:linear-gradient(145deg,#10233a,#0d1728);border-color:#3d91df;color:#99d4ff}
:root[data-theme="dark"] .main-nav a{color:#b8c4d6}:root[data-theme="dark"] .main-nav a.active{color:#8ccaff}:root[data-theme="dark"] .nav-icon{color:#9fb1c9}
:root[data-theme="dark"] .shell-select,:root[data-theme="dark"] .ghost{background:#111d30;color:#d5deeb;border-color:#2b3b54}:root[data-theme="dark"] .shell-select:hover,:root[data-theme="dark"] .ghost:hover{background:#16253b;border-color:#477fb8}
:root[data-theme="dark"] .panel,:root[data-theme="dark"] .composer-card,:root[data-theme="dark"] .settings-console,:root[data-theme="dark"] .settings-card,:root[data-theme="dark"] .tool-card,:root[data-theme="dark"] .asset-card,:root[data-theme="dark"] .project-card,:root[data-theme="dark"] .card,:root[data-theme="dark"] .material-card,:root[data-theme="dark"] .modal-card,:root[data-theme="dark"] .asset-preview,:root[data-theme="dark"] .style-card{background:#101a2bea;border-color:#26364d;box-shadow:0 18px 56px #00000040}
:root[data-theme="dark"] .hero-badge,:root[data-theme="dark"] .hero-feature-row span,:root[data-theme="dark"] .prompt-box,:root[data-theme="dark"] .prompt-toolbar,:root[data-theme="dark"] textarea,:root[data-theme="dark"] input,:root[data-theme="dark"] select,:root[data-theme="dark"] .template-info,:root[data-theme="dark"] .upload-template-card,:root[data-theme="dark"] .style-text-panel textarea,:root[data-theme="dark"] .style-chip,:root[data-theme="dark"] .style-generated-preview,:root[data-theme="dark"] .quick-steps li{background:#111d30;color:var(--text);border-color:#2b3b54}
:root[data-theme="dark"] .material-template-picker-button,:root[data-theme="dark"] .material-template-option{background:#111d30;color:var(--text);border-color:#2b3b54}:root[data-theme="dark"] .material-template-thumb,:root[data-theme="dark"] .material-template-fallback{background:#0d1728;border-color:#31435f}:root[data-theme="dark"] .material-template-copy p{color:var(--muted)}
:root[data-theme="dark"] .hero-copy p,:root[data-theme="dark"] .page-head p,:root[data-theme="dark"] .asset-card p,:root[data-theme="dark"] .project-card p,:root[data-theme="dark"] .card p,:root[data-theme="dark"] .material-card p,:root[data-theme="dark"] .template-info span,:root[data-theme="dark"] .notice,:root[data-theme="dark"] .muted,:root[data-theme="dark"] .empty-state,:root[data-theme="dark"] .style-tip{color:var(--muted)}
:root[data-theme="dark"] .hero-copy h1{background:linear-gradient(90deg,#63e6ff 0%,#8ab7ff 88%);-webkit-background-clip:text;color:transparent}:root[data-theme="dark"] .page-head h1{color:var(--text)}
:root[data-theme="dark"] .tabs .tab{background:#111d30;color:#d5deeb;border-color:#2b3b54;box-shadow:none}:root[data-theme="dark"] .tabs .tab span{background:#1b2b44;color:#b8c7dc}:root[data-theme="dark"] .tabs .tab.active{background:linear-gradient(135deg,#2d8cff,#4156d8);color:#fff}
:root[data-theme="dark"] .composer-side,:root[data-theme="dark"] .pipeline-step,:root[data-theme="dark"] .settings-grid .settings-card,:root[data-theme="dark"] .service-card,:root[data-theme="dark"] .material-preview,:root[data-theme="dark"] .preview-canvas{background:#0d1728;border-color:#26364d}
:root[data-theme="dark"] .template-card{background:#101a2b;border-color:#26364d}:root[data-theme="dark"] .template-preview{background:linear-gradient(135deg,var(--accent),#111d30 78%)}:root[data-theme="dark"] .template-preview b{color:#edf5ff}:root[data-theme="dark"] .template-preview span{color:#b6c6da}
:root[data-theme="dark"] .tag,:root[data-theme="dark"] .mini-badge,:root[data-theme="dark"] .download.button-link,:root[data-theme="dark"] .download,:root[data-theme="dark"] .material-chip-row span{background:#14345d;color:#9ed0ff}
:root[data-theme="dark"] .history-bulk-select{background:#101a2b;border-color:#26364d;color:#cbd5e1}
:root[data-theme="dark"] .toolbar-icon-button:hover,:root[data-theme="dark"] .toolbar-icon-button:focus-visible{background:#14345d;color:#9ed0ff;box-shadow:inset 0 0 0 1px #315f91}:root[data-theme="dark"] .toolbar-icon-file::before{background:#111d30}
:root[data-theme="dark"] .editor-vibe-targets,:root[data-theme="dark"] .editor-region-node{background:#0d1728;border-color:#26364d}:root[data-theme="dark"] .editor-region-node.active{background:#12345d;border-color:#2d8cff;box-shadow:0 0 0 2px #2d8cff38}:root[data-theme="dark"] .editor-vibe-target-head b,:root[data-theme="dark"] .editor-region-node span{color:#dbeafe}:root[data-theme="dark"] .editor-vibe-target-head span,:root[data-theme="dark"] .editor-vibe-target-meta span,:root[data-theme="dark"] .editor-region-node small{color:#9aa8bb}
:root[data-theme="dark"] .editor-inpaint-toggle{background:#0d1728;border-color:#26364d;color:#dbeafe}
:root[data-theme="dark"] code{background:#1a2940;color:#dbeafe}:root[data-theme="dark"] .status{background:#101a2b;border-color:#26364d;color:#9ed0ff}:root[data-theme="dark"] .modal-backdrop{background:#020617a8}
body[data-theme="dark"]{background:linear-gradient(115deg,#08111f 0%,#0d1728 48%,#101a2b 100%)!important;color:#e8eef8}body[data-theme="dark"] .topbar{background:#0b1220eb!important;border-bottom-color:#22314a!important}body[data-theme="dark"] .composer-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .prompt-box,body[data-theme="dark"] .prompt-toolbar,body[data-theme="dark"] textarea,body[data-theme="dark"] .template-card,body[data-theme="dark"] .style-card,body[data-theme="dark"] .status{background:#101a2b!important;border-color:#26364d!important;color:#e8eef8!important}body[data-theme="dark"] .hero-feature-row span,body[data-theme="dark"] .hero-badge,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] .shell-segment,body[data-theme="dark"] .ghost{background:#111d30!important;border-color:#2b3b54!important;color:#d5deeb!important}body[data-theme="dark"] .hero-copy p,body[data-theme="dark"] .hint,body[data-theme="dark"] .controls,body[data-theme="dark"] .template-info span{color:#9aa8bb!important}body[data-theme="dark"] .shell-segment button{color:#d5deeb}body[data-theme="dark"] .shell-segment button.active{background:#2d8cff!important;color:#fff!important}
@media(max-width:780px){.top-actions{width:100%;justify-content:flex-start}.shell-select{min-width:0}.shell-control{flex:1 1 130px}.shell-control .shell-select{width:100%}.shell-segment{flex:1 1 180px;justify-content:center}.shell-segment button{flex:1}.compact-action{flex:1 1 auto;justify-content:center}.icon-button{flex:0 0 34px}}

/* Editor slide preview and region targeting */
.editor-slide-preview{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid #dbeafe;border-radius:12px;background:#f8fbff}
.editor-canvas-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}
.editor-canvas-toolbar span{min-width:0;color:#64748b;font-size:12px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-canvas-pill{border:1px solid #cfe3ff;background:#fff;color:#1f7ae0;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:900;cursor:pointer}
.editor-slide-canvas{position:relative;aspect-ratio:16/9;width:100%;min-width:0;padding:10px;border:1px solid #cfe3ff;border-radius:12px;background:linear-gradient(135deg,#ffffff,#eef7ff);box-shadow:inset 0 0 0 1px #ffffff}
.editor-canvas-region{position:absolute;min-width:0;display:grid;align-content:start;gap:4px;padding:8px;border:1px solid var(--editor-element-line,#dbeafe);border-radius:10px;background:color-mix(in srgb,var(--editor-element-fill,#ffffff) 12%,#ffffffd9);color:var(--editor-element-text,#263244);text-align:left;cursor:pointer;overflow:hidden;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease,background .15s ease}
.editor-canvas-region:hover,.editor-canvas-pill:hover{border-color:#72b8ff;box-shadow:0 8px 18px #2d8cff16;transform:translateY(-1px)}
.editor-canvas-region.active,.editor-canvas-pill.active{border-color:#1677d9;background:#eaf4ff;box-shadow:0 0 0 2px #1677d926}
.editor-canvas-region span{font-size:10px;font-weight:900;color:#1f7ae0;text-transform:uppercase;letter-spacing:.04em}
.editor-canvas-region strong,.editor-canvas-region em,.editor-canvas-region i{font-style:normal;min-width:0;overflow:hidden;text-overflow:ellipsis}
.editor-canvas-region strong{font-size:var(--editor-element-font-size,15px);line-height:1.15;color:var(--editor-element-text,#172033)}
.editor-canvas-region em{font-size:calc(var(--editor-element-font-size,15px) * .74);line-height:1.35;color:var(--editor-element-text,#536174);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.editor-canvas-region[data-style-bold=true] strong,.editor-canvas-region[data-style-bold=true] em{font-weight:900}
.editor-canvas-region i{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#dbeafe;color:#1e3a8a;font-size:11px;font-weight:900}
.editor-region-drag-handle,.editor-region-resize-handle{position:absolute;z-index:2;display:block;border:1px solid #1677d9;background:#fff;box-shadow:0 2px 6px #1677d924}.editor-region-drag-handle{top:5px;right:5px;width:14px;height:14px;border-radius:50%;cursor:grab}.editor-region-drag-handle::before{content:"";position:absolute;inset:3px;border-top:2px dotted #1677d9;border-bottom:2px dotted #1677d9}.editor-region-resize-handle{right:3px;bottom:3px;width:15px;height:15px;border-radius:4px;cursor:nwse-resize}.editor-region-resize-handle::before{content:"";position:absolute;right:3px;bottom:3px;width:7px;height:7px;border-right:2px solid #1677d9;border-bottom:2px solid #1677d9}.editor-layout-linked{outline:3px solid #22c55e55!important;border-color:#16a34a!important;box-shadow:0 0 0 4px #22c55e18!important}
.editor-element-status{width:max-content;max-width:100%;padding:3px 7px;border-radius:999px;background:#dcfce7;color:#166534;font-size:10px;font-weight:900;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-canvas-title{grid-column:1;grid-row:1}
.editor-canvas-brief{grid-column:1;grid-row:2}
.editor-canvas-visual{grid-column:2;grid-row:1 / span 2;place-content:center;background:repeating-linear-gradient(135deg,#ffffff,#ffffff 12px,#f1f7ff 12px,#f1f7ff 24px)}
.editor-canvas-bullets{grid-column:1;grid-row:3}
.editor-canvas-materials{grid-column:2;grid-row:3}
.editor-canvas-bullets ul{margin:0;padding-left:16px;display:grid;gap:2px;color:#374151;font-size:11px;line-height:1.25;overflow:hidden}
.editor-canvas-bullets li{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-canvas-materials b{display:flex;flex-wrap:wrap;gap:4px}
.editor-canvas-materials small{max-width:100%;padding:3px 6px;border-radius:999px;background:#eff6ff;color:#2563eb;font-size:10px;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.editor-source-element{pointer-events:none;opacity:.62;border-width:2px;border-style:dashed;background:color-mix(in srgb,var(--editor-element-fill,#ffffff) 18%,#ffffffb8);box-shadow:inset 0 0 0 1px #0ea5e933}.editor-slide-canvas.source-layer-active .editor-source-element{pointer-events:auto;opacity:1}.editor-slide-canvas.source-layer-active .editor-canvas-region:not(.editor-source-element){pointer-events:none;opacity:.5}.editor-source-layer-toggle{white-space:nowrap}.editor-source-element>span{color:#0369a1}.editor-source-element>strong{font-size:11px}.editor-source-image{background:repeating-linear-gradient(135deg,#ffffffc9,#ffffffc9 10px,#e0f2fecc 10px,#e0f2fecc 20px)}.editor-source-table{background:repeating-linear-gradient(0deg,#ffffffd9,#ffffffd9 18px,#dbeafecc 18px,#dbeafecc 19px)}
.editor-element-inspector{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #dbeafe;border-radius:8px;background:#fff;box-shadow:inset 0 0 0 1px #f4f8ff}.editor-element-inspector-head{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.editor-element-inspector-head span{font-size:10px;font-weight:900;color:#1f7ae0;text-transform:uppercase;letter-spacing:.04em}.editor-element-inspector-head b{min-width:0;color:#172033;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-element-inspector dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:0}.editor-element-inspector dl div{min-width:0;padding:6px;border:1px solid #edf4ff;border-radius:7px;background:#f8fbff}.editor-element-inspector dt{font-size:10px;color:#6b7890;font-weight:900;text-transform:uppercase}.editor-element-inspector dd{margin:2px 0 0;min-width:0;color:#263244;font-size:11px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.editor-element-inspector p{margin:0;color:#536174;font-size:12px;line-height:1.35}.editor-focus-field{width:100%;justify-content:center;font-size:12px}.editor-field-linked{outline:3px solid #2d8cff55!important;border-color:#2d8cff!important;box-shadow:0 0 0 4px #2d8cff18!important}
.editor-inspector-quick-edit{display:grid;gap:8px;min-width:0;padding:8px;border:1px solid #edf4ff;border-radius:8px;background:#f8fbff}.editor-inspector-quick-edit label{min-width:0;margin:0;color:#536174;font-size:11px;font-weight:900;text-transform:uppercase}.editor-inspector-quick-edit textarea,.editor-inspector-quick-edit select{width:100%;min-width:0;margin-top:4px;border-radius:7px;font-size:12px;text-transform:none}.editor-inspector-quick-edit textarea{resize:vertical;min-height:54px}.editor-inspector-bounds,.editor-inspector-style{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.editor-inspector-style{grid-template-columns:repeat(5,minmax(0,1fr));align-items:end}.editor-inspector-bounds input,.editor-inspector-style input{width:100%;min-width:0;margin-top:4px;padding:7px 6px;border-radius:7px;font-size:12px}.editor-inspector-style input[type=color]{height:34px;padding:2px}.editor-style-bold{display:flex;align-items:center;gap:6px;min-height:48px}.editor-style-bold input{width:auto;margin:0}.editor-apply-field{width:100%;justify-content:center;font-size:12px}.editor-inspector-history{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.editor-inspector-history .ghost{width:100%;justify-content:center;font-size:12px;padding-inline:8px}
:root[data-theme="dark"] .editor-slide-preview{background:#0d1728;border-color:#26364d}
:root[data-theme="dark"] .editor-slide-canvas{background:linear-gradient(135deg,#0f1a2c,#13243b);border-color:#31506f;box-shadow:inset 0 0 0 1px #1d3552}
:root[data-theme="dark"] .editor-canvas-region,:root[data-theme="dark"] .editor-canvas-pill{background:#111d30;color:#dbeafe;border-color:#2b3b54}
:root[data-theme="dark"] .editor-canvas-region.active,:root[data-theme="dark"] .editor-canvas-pill.active{background:#12345d;border-color:#2d8cff;box-shadow:0 0 0 2px #2d8cff38}
:root[data-theme="dark"] .editor-canvas-region strong{color:#edf5ff}:root[data-theme="dark"] .editor-canvas-region em,:root[data-theme="dark"] .editor-canvas-toolbar span{color:#9aa8bb}:root[data-theme="dark"] .editor-canvas-visual{background:repeating-linear-gradient(135deg,#111d30,#111d30 12px,#0d1728 12px,#0d1728 24px)}
:root[data-theme="dark"] .editor-element-inspector{background:#101a2b;border-color:#26364d;box-shadow:inset 0 0 0 1px #17243a}:root[data-theme="dark"] .editor-element-inspector dl div{background:#0d1728;border-color:#26364d}:root[data-theme="dark"] .editor-element-inspector-head b,:root[data-theme="dark"] .editor-element-inspector dd{color:#edf5ff}:root[data-theme="dark"] .editor-element-inspector p,:root[data-theme="dark"] .editor-element-inspector dt{color:#9aa8bb}
:root[data-theme="dark"] .editor-inspector-quick-edit{background:#0d1728;border-color:#26364d}:root[data-theme="dark"] .editor-inspector-quick-edit label{color:#9aa8bb}
:root[data-theme="dark"] .editor-element-status{background:#143522;color:#86efac}
@media(max-width:560px){.editor-slide-canvas{display:grid;grid-template-columns:1fr;grid-template-rows:auto;gap:8px;aspect-ratio:auto}.editor-canvas-title,.editor-canvas-brief,.editor-canvas-visual,.editor-canvas-bullets,.editor-canvas-materials,.editor-source-element{position:relative!important;left:auto!important;top:auto!important;width:100%!important;height:auto!important;grid-column:1;grid-row:auto}.editor-canvas-visual{min-height:96px}.editor-canvas-region strong{font-size:14px}.editor-region-drag-handle,.editor-region-resize-handle{display:none}}
@media(max-width:560px){.editor-inspector-style{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Template selection effect */
.template-card{position:relative;isolation:isolate;border-width:2px}
.template-card.active,.template-card[aria-pressed="true"]{border-color:#248cff;box-shadow:0 0 0 2px #ffffff,0 0 0 5px #248cff,0 18px 38px #248cff26;transform:translateY(-1px)}
.template-card.active::before,.template-card[aria-pressed="true"]::before{content:"";position:absolute;inset:5px 5px 62px;border-radius:8px;background:linear-gradient(180deg,#ffffff0f 0%,#0f172a42 52%,#0f172a66 100%);pointer-events:none;z-index:2}
.template-card.active::after,.template-card[aria-pressed="true"]::after{content:"";position:absolute;inset:5px 5px 62px;border:2px solid #78b9ff;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffffad,0 0 0 1px #248cff4a;pointer-events:none;z-index:2}
.template-card.active .template-image,.template-card[aria-pressed="true"] .template-image{filter:saturate(1.08) contrast(.94) brightness(.88)}
.template-selected-badge{left:50%;top:calc((100% - 62px)/2);min-width:112px;min-height:36px;padding:8px 18px;border:1px solid #ffffffc7;background:linear-gradient(135deg,#58aaff,#1877f2);color:#fff;border-radius:999px;font-size:15px;letter-spacing:0;text-shadow:0 1px 7px #0f172a80;box-shadow:0 12px 24px #0f172a33,0 0 0 1px #248cff40;backdrop-filter:blur(8px);z-index:4}
.template-selected-badge::before{background:none}
:root[data-theme="dark"] .template-card.active,:root[data-theme="dark"] .template-card[aria-pressed="true"]{border-color:#63b3ff;box-shadow:0 0 0 2px #101a2b,0 0 0 5px #63b3ff,0 18px 42px #00000055}
:root[data-theme="dark"] .template-selected-badge{border-color:#b9dcff80;box-shadow:0 14px 28px #00000055,0 0 0 1px #63b3ff55}

/* Reference files workspace */
.main-nav{min-width:0}.top-actions{min-width:0}
.reference-console{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.8fr);gap:16px;align-items:stretch;margin:0 0 24px}
.reference-upload-panel,.reference-project-panel{display:grid;gap:12px;min-width:0;padding:18px}
.reference-upload-button{position:relative;width:max-content;max-width:100%;font-weight:900}.reference-upload-button.busy{opacity:.7;cursor:wait}.reference-upload-button input{max-width:260px}
.reference-project-panel select{width:100%;min-width:0}.reference-project-meta{margin:0;color:#64748b;font-size:13px;line-height:1.55;overflow-wrap:anywhere}
.reference-strategy-hint{display:block;color:#64748b;font-size:12px;line-height:1.45}
.reference-strategy-button{width:100%;min-height:38px}
.reference-list-module{min-width:0}.reference-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:16px}
.reference-card{display:grid;gap:12px;min-width:0;padding:16px;border:1px solid #e4edf8;border-radius:14px;background:#fff;box-shadow:0 12px 34px #1d4ed80d}
.reference-card h3{margin:0;color:#172033;font-size:16px;line-height:1.35;overflow-wrap:anywhere}.reference-card .card-topline{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0}.reference-card .card-topline small{min-width:0;color:#0284c7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-pill.tiny{padding:3px 8px;font-size:11px}.reference-meta-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.reference-meta-grid span{display:grid;gap:2px;min-width:0;padding:10px;border:1px solid #edf2f8;border-radius:10px;background:#f8fbff}.reference-meta-grid b{color:#1e3a8a;font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.reference-meta-grid small{color:#64748b;font-size:11px;text-transform:uppercase}
.reference-fingerprint{margin:0;color:#64748b;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.reference-parse-summary{margin:0;padding:9px 10px;border-radius:10px;background:#ecfdf5;color:#047857;font-size:12px;font-weight:800;overflow-wrap:anywhere}.reference-actions{justify-content:flex-start;flex-wrap:wrap;white-space:normal}.reference-actions .ghost{min-height:34px}.danger-btn{color:#b42318;border-color:#fecaca}.danger-btn:hover{background:#fff1f2;color:#991b1b;border-color:#fca5a5}
:root[data-theme="dark"] .reference-upload-panel,:root[data-theme="dark"] .reference-project-panel,:root[data-theme="dark"] .reference-card{background:#101a2bea;border-color:#26364d;box-shadow:0 18px 56px #00000040}
:root[data-theme="dark"] .reference-card h3{color:#edf5ff}:root[data-theme="dark"] .reference-project-meta,:root[data-theme="dark"] .reference-fingerprint{color:#9aa8bb}:root[data-theme="dark"] .reference-meta-grid span{background:#0d1728;border-color:#26364d}:root[data-theme="dark"] .reference-meta-grid b{color:#9ed0ff}:root[data-theme="dark"] .reference-parse-summary{background:#123522;color:#86efac}:root[data-theme="dark"] .danger-btn{color:#fca5a5;border-color:#7f1d1d}:root[data-theme="dark"] .danger-btn:hover{background:#3b1111;color:#fecaca;border-color:#b91c1c}
@media(max-width:780px){.reference-console{grid-template-columns:1fr}.reference-upload-button{width:100%;justify-content:space-between}.reference-upload-button input{min-width:0;max-width:100%}.reference-meta-grid{grid-template-columns:1fr}.reference-actions .ghost{flex:1 1 120px;justify-content:center}}

/* Standard project page image versions */
.standard-image-panel{display:grid;gap:10px;min-width:0;padding:10px;border:1px solid #e1ecfb;border-radius:12px;background:#f8fbff}
.renovation-map{display:grid;gap:8px;min-width:0;padding:10px;border:1px solid #e1ecfb;border-radius:8px;background:#f8fbff}.renovation-map-head{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:900;color:#1f7ae0}.renovation-map-head code{font-weight:800}.renovation-map-counts,.renovation-map-elements{display:flex;gap:6px;flex-wrap:wrap;min-width:0}.renovation-map-counts span,.renovation-map-elements span{display:inline-flex;max-width:100%;padding:3px 7px;border-radius:999px;background:#fff;color:#475467;border:1px solid #e1ecfb;font-size:11px;overflow-wrap:anywhere}
.standard-page-image{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;border:1px solid #dbeafe;border-radius:10px;background:#fff}
.standard-image-edit{display:grid;gap:6px;color:#475467;font-size:12px;font-weight:800}.standard-image-edit textarea{min-height:58px;border:1px solid #d9dee8;border-radius:8px;padding:9px;font-size:13px}
.image-version-list{display:flex;gap:8px;flex-wrap:wrap;min-width:0}
.image-version-list .ghost{min-height:30px;padding:6px 8px;font-size:12px}
.image-version-list .ghost.active{border-color:#2d8cff;background:#ecf5ff;color:#1f7ae0}
:root[data-theme="dark"] .standard-image-panel{background:#0f1b2d;border-color:#26364d}
:root[data-theme="dark"] .renovation-map{background:#0f1b2d;border-color:#26364d}:root[data-theme="dark"] .renovation-map-counts span,:root[data-theme="dark"] .renovation-map-elements span{background:#101a2b;border-color:#31435f;color:#cbd5e1}
:root[data-theme="dark"] .standard-page-image{border-color:#31435f;background:#101a2b}
:root[data-theme="dark"] .standard-image-edit textarea{background:#101a2b;border-color:#31435f;color:#dbeafe}
:root[data-theme="dark"] .image-version-list .ghost.active{border-color:#6ab8ff;background:#14345d;color:#9ed0ff}

/* Slide-like workspace shell */
:root{--slide-app-bg:#f4f6fa;--slide-sidebar:#ffffff;--slide-panel:#ffffff;--slide-border:#dfe7f2;--slide-ink:#172033;--slide-muted:#657287;--slide-blue:#2b78df;--slide-cyan:#0ea5b7;--slide-green:#148a68;--slide-amber:#d99b24}
body{background:var(--slide-app-bg);color:var(--slide-ink)}
.page-head{margin:0 0 16px;padding-top:18px}.page-head h1{font-size:32px;line-height:1.14}.page-head p{max-width:760px}

@media(min-width:1101px){
  .topbar{position:fixed;inset:0 auto 0 0;width:244px;height:100vh;min-height:100vh;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:16px;padding:18px 14px;background:var(--slide-sidebar);border-right:1px solid var(--slide-border);border-bottom:0;box-shadow:12px 0 34px #1d4ed80c;overflow-y:auto}
  .logo{padding:8px 8px 14px;border-bottom:1px solid #eef3fb}.logo-mark{width:34px;height:34px;border-radius:8px}.logo-copy b{font-size:18px}.logo-copy small{font-size:11px}
  .main-nav{display:grid;grid-template-columns:1fr;gap:6px;overflow:visible}.main-nav a{width:100%;min-height:42px;display:flex;align-items:center;gap:10px;padding:10px 11px;border:0;border-left:3px solid transparent;border-radius:8px;color:#435269}.main-nav a::after{display:none}.main-nav a.active{border-left-color:var(--slide-blue);background:#edf6ff;color:#155fb6;box-shadow:inset 0 0 0 1px #cfe5ff}.nav-icon{width:24px;height:24px;border-radius:7px;background:#f2f6fb;color:#486177;font-size:12px}.main-nav a.active .nav-icon{background:#dbeafe;color:#155fb6}
  .top-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto;justify-content:stretch}.shell-segment{width:100%;justify-content:center;border-radius:9px;box-shadow:none}.theme-segment{display:grid;grid-template-columns:repeat(2,1fr)}.theme-segment button[data-theme-option="system"]{grid-column:1 / -1}.locale-segment{display:grid;grid-template-columns:repeat(2,1fr)}.shell-segment button{min-width:0;padding:0 6px}.top-actions .ghost,.top-actions .compact-action{width:100%;justify-content:center}.icon-button{width:100%;border-radius:9px}
  .shell{max-width:none;margin:0 0 0 244px;padding:18px 22px 54px}.footer{margin-left:244px}
}

/* Home generator as a presentation workbench */
.workbench-hero{min-height:auto;padding:28px 0 20px;text-align:left;display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:end}.hero-copy{max-width:880px;margin:0}.hero-copy h1{font-size:48px;margin:18px 0 10px}.hero-copy p{margin:0;max-width:820px;font-size:16px}.hero-feature-row{justify-content:flex-start;margin:24px 0 0;gap:10px}.hero-feature-row span{border-radius:8px;padding:9px 12px;font-size:13px;background:#fff}.hero-cta{display:inline-flex;width:max-content;margin:18px 0 0;padding:10px 18px;border-radius:8px;font-size:14px}.hero-status{position:static;width:auto;border-radius:8px}
.composer-card{max-width:none;margin:0 0 22px;padding:16px;border-radius:8px;display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:16px;align-items:start}.composer-main{display:grid;grid-template-columns:176px minmax(0,1fr);gap:14px;min-width:0}.composer-main .tabs{grid-column:1;grid-row:1 / span 10;display:grid;grid-template-columns:1fr;gap:8px;margin:0;align-content:start;position:sticky;top:18px}.composer-main>.hint,.composer-main>.prompt-box,.composer-main>.secondary-input,.composer-main>.import-row,.composer-main>#importStatusMirror,.composer-main>.controls{grid-column:2;min-width:0}.tab{min-height:44px;height:auto;justify-content:flex-start;text-align:left;border-radius:8px;padding:10px 11px;font-size:14px}.tab span{display:inline-grid;place-items:center;width:24px;height:24px;margin-right:8px;border-radius:7px;background:#eef5ff;color:#1f6ec8}.tab.active span{background:#ffffff24;color:#fff}.hint{margin:0;font-size:13px}.prompt-box{border-radius:8px}.prompt-box textarea{min-height:152px;font-size:15px}.prompt-toolbar{align-items:flex-start}.composer-side{grid-column:2;grid-row:1;margin-top:0;border-radius:8px;background:#fbfdff}.composer-card>input[type="hidden"]{display:none}.style-head,.template-mode-panel,.style-text-panel{grid-column:1 / -1}.style-head{margin:4px 0 0}.template-row{grid-template-columns:repeat(4,minmax(0,1fr))}.status{max-width:none;margin:16px 0}.slides{max-width:none}

/* Editor: thumbnails, canvas, inspector */
.slide-editor-shell{display:grid;grid-template-columns:184px minmax(0,1fr) 320px;gap:14px;align-items:start;min-height:calc(100vh - 150px)}.slide-thumbnail-rail,.slide-stage,.slide-inspector{min-width:0}.slide-thumbnail-rail,.slide-inspector{position:sticky;top:18px;max-height:calc(100vh - 36px);overflow:auto}.slide-thumbnail-rail{display:grid;gap:10px;padding:12px;border:1px solid var(--slide-border);border-radius:8px;background:var(--slide-panel);box-shadow:0 14px 34px #1d4ed80b}.rail-title{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--slide-muted);font-size:12px;font-weight:900;text-transform:uppercase}.rail-title b{display:inline-grid;place-items:center;min-width:26px;height:22px;border-radius:999px;background:#eaf4ff;color:#1f6ec8}.slide-thumb-list{display:grid;gap:8px}.slide-thumb-item{display:grid;grid-template-columns:24px minmax(0,1fr);grid-template-areas:"num mini" "num title" "num note" "num tag";gap:4px 8px;padding:8px;border:1px solid #e4edf8;border-radius:8px;background:#fbfdff;color:var(--slide-ink);text-decoration:none}.slide-thumb-item:hover,.slide-thumb-item:focus-visible{border-color:#8cc8ff;background:#f2f8ff;outline:none}.slide-thumb-number{grid-area:num;display:grid;place-items:center;width:22px;height:22px;border-radius:7px;background:#eef4fb;color:#486177;font-size:12px;font-weight:900}.slide-thumb-mini{grid-area:mini;aspect-ratio:16/9;border:1px solid #d7e6f7;border-radius:5px;background:linear-gradient(135deg,#fff,#edf6ff);display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:3px;padding:4px}.slide-thumb-mini i{display:block;border-radius:3px;background:#b6d8ff}.slide-thumb-mini i:first-child{grid-row:1 / -1;background:#90c6ff}.slide-thumb-item b{grid-area:title;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.slide-thumb-item small{grid-area:note;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--slide-muted);font-size:11px}.slide-thumb-item em{grid-area:tag;width:max-content;max-width:100%;padding:2px 6px;border-radius:999px;background:#eefaf6;color:var(--slide-green);font-size:10px;font-style:normal;font-weight:900;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rail-empty{padding:14px;border:1px dashed #cfe0f2;border-radius:8px;color:var(--slide-muted);text-align:center;font-size:12px}
.slide-stage{padding:14px;border:1px solid var(--slide-border);border-radius:8px;background:#e9eef6;box-shadow:inset 0 0 0 1px #ffffff80}.slide-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px;padding:10px 12px;border:1px solid #dbe6f3;border-radius:8px;background:#fff}.slide-stage-toolbar h2{margin:2px 0 0;font-size:18px}.slide-stage-toolbar small,.stage-kicker{color:var(--slide-muted)}.stage-kicker{font-size:11px;font-weight:900;text-transform:uppercase}.stage-toolbar-meta{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.stage-toolbar-meta span{padding:5px 8px;border-radius:999px;background:#f2f6fb;color:#486177;font-size:12px;font-weight:900}.slide-page-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;max-width:1040px;margin:0 auto}.slide-page-stack.project-grid{grid-template-columns:minmax(0,1fr)}
.slide-inspector.settings-layout{display:grid;grid-template-columns:1fr;gap:12px}.slide-inspector .settings-card{border-radius:8px;padding:14px;box-shadow:0 14px 34px #1d4ed80b}.slide-inspector .settings-card h2{font-size:16px}.slide-inspector .status-row{font-size:13px}.slide-inspector .pipeline-list{gap:8px;margin-top:8px}
.editor-page-card{border-radius:8px;padding:14px;scroll-margin-top:18px}.editor-page-card:has(.editor-slide-preview){display:grid;grid-template-columns:minmax(320px,.96fr) minmax(300px,1.04fr);gap:12px 14px}.editor-page-card:has(.editor-slide-preview)>.card-topline{grid-column:1 / -1}.editor-page-card:has(.editor-slide-preview)>.editor-slide-preview{grid-column:1;grid-row:2 / span 8;align-self:start;position:sticky;top:18px}.editor-page-card:has(.editor-slide-preview)>label,.editor-page-card:has(.editor-slide-preview)>.material-chip-row,.editor-page-card:has(.editor-slide-preview)>.standard-image-panel,.editor-page-card:has(.editor-slide-preview)>.editor-material-picker,.editor-page-card:has(.editor-slide-preview)>.editor-vibe-box,.editor-page-card:has(.editor-slide-preview)>.editor-save{grid-column:2}.editor-page-card input,.editor-page-card textarea,.editor-page-card select{border-radius:7px}.editor-slide-preview{border-radius:8px;background:#f6faff}.editor-slide-canvas{border-radius:7px}.editor-canvas-region{border-radius:6px}

:root[data-theme="dark"] body,body[data-theme="dark"]{background:#0b111c;color:#e8eef8}:root[data-theme="dark"] .topbar,body[data-theme="dark"] .topbar{background:#0e1726;border-right-color:#26364d}:root[data-theme="dark"] .main-nav a.active,body[data-theme="dark"] .main-nav a.active{background:#12345d;color:#9ed0ff;box-shadow:inset 0 0 0 1px #2d8cff45}:root[data-theme="dark"] .nav-icon,body[data-theme="dark"] .nav-icon{background:#17243a;color:#b8c7dc}:root[data-theme="dark"] .slide-thumbnail-rail,:root[data-theme="dark"] .slide-stage-toolbar,:root[data-theme="dark"] .slide-inspector .settings-card,body[data-theme="dark"] .slide-thumbnail-rail,body[data-theme="dark"] .slide-stage-toolbar,body[data-theme="dark"] .slide-inspector .settings-card{background:#101a2b;border-color:#26364d}:root[data-theme="dark"] .slide-stage,body[data-theme="dark"] .slide-stage{background:#0d1728;border-color:#26364d;box-shadow:inset 0 0 0 1px #1f3148}:root[data-theme="dark"] .slide-thumb-item,body[data-theme="dark"] .slide-thumb-item{background:#0f1a2c;border-color:#25364d;color:#edf5ff}:root[data-theme="dark"] .slide-thumb-mini,body[data-theme="dark"] .slide-thumb-mini{background:linear-gradient(135deg,#101a2b,#17243a);border-color:#31435f}:root[data-theme="dark"] .slide-thumb-number,:root[data-theme="dark"] .stage-toolbar-meta span,body[data-theme="dark"] .slide-thumb-number,body[data-theme="dark"] .stage-toolbar-meta span{background:#17243a;color:#b8c7dc}:root[data-theme="dark"] .rail-title,:root[data-theme="dark"] .slide-thumb-item small,:root[data-theme="dark"] .stage-kicker,:root[data-theme="dark"] .slide-stage-toolbar small,body[data-theme="dark"] .rail-title,body[data-theme="dark"] .slide-thumb-item small,body[data-theme="dark"] .stage-kicker,body[data-theme="dark"] .slide-stage-toolbar small{color:#9aa8bb}

@media(max-width:1280px) and (min-width:901px){
  .slide-editor-shell{grid-template-columns:164px minmax(0,1fr)}.slide-inspector{grid-column:1 / -1;position:static;max-height:none}.slide-inspector.settings-layout{grid-template-columns:repeat(3,minmax(0,1fr))}
  .editor-page-card:has(.editor-slide-preview){grid-template-columns:minmax(280px,.9fr) minmax(280px,1.1fr)}
}
@media(max-width:1100px){
  .workbench-hero{grid-template-columns:1fr}.hero-copy h1{font-size:40px}.composer-card{grid-template-columns:1fr}.composer-side{grid-column:1;grid-row:auto}.composer-main .tabs{top:104px}
}
@media(max-width:900px){
  .page-head{padding-top:18px}.slide-editor-shell{grid-template-columns:1fr;min-height:0}.slide-thumbnail-rail,.slide-inspector,.editor-page-card:has(.editor-slide-preview)>.editor-slide-preview{position:static;max-height:none}.slide-thumb-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:2px}.slide-thumb-item{min-width:158px}.slide-inspector.settings-layout{grid-template-columns:1fr}.slide-stage{padding:10px}.slide-stage-toolbar{align-items:flex-start;flex-direction:column}.stage-toolbar-meta{justify-content:flex-start}.editor-page-card:has(.editor-slide-preview){grid-template-columns:1fr}.editor-page-card:has(.editor-slide-preview)>*{grid-column:1!important}
  .composer-main{grid-template-columns:1fr}.composer-main .tabs{grid-column:1;grid-row:auto;position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.composer-main>.hint,.composer-main>.prompt-box,.composer-main>.secondary-input,.composer-main>.import-row,.composer-main>#importStatusMirror,.composer-main>.controls{grid-column:1}
}
@media(max-width:560px){
  .hero-copy h1{font-size:34px}.hero-feature-row span{width:100%;justify-content:center}.composer-card{padding:12px}.composer-main .tabs{grid-template-columns:1fr}.prompt-toolbar{flex-direction:column}.prompt-toolbar .next-btn{width:100%}.slide-stage{margin-left:-4px;margin-right:-4px;border-left:0;border-right:0;border-radius:0}.slide-page-stack{gap:12px}.editor-page-card{padding:12px}.page-actions .ghost,.page-actions .next-btn{width:100%;justify-content:center}
}

/* Premium visual polish and icon system */
:root{--lux-bg:#f4f7fb;--lux-ink:#172033;--lux-muted:#5e6d82;--lux-line:#dce7f5;--lux-panel:#ffffff;--lux-blue:#2387ff;--lux-cyan:#35d4ff;--lux-mint:#28c58d;--lux-gold:#d9ad5b;--lux-shadow:0 24px 70px #12345d18}
.ui-icon{width:17px;height:17px;display:inline-block;flex:0 0 auto;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round;vertical-align:-3px}
body{font-family:"Aptos","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","PingFang SC","Segoe UI",sans-serif;font-feature-settings:"liga" 1,"kern" 1;text-rendering:optimizeLegibility;background:linear-gradient(135deg,#f8fbff 0%,#eef5fb 45%,#f7fbff 100%)}
.logo-copy b,.hero-copy h1,.page-head h1{font-family:"Aptos Display","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Segoe UI",sans-serif;font-weight:850}
.logo-mark{font-family:"Aptos Display","Segoe UI",sans-serif}
.nav-icon{box-shadow:inset 0 0 0 1px #ffffff80}.nav-svg{width:15px;height:15px}.main-nav a{transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}.main-nav a:hover{transform:translateX(1px)}
.compact-action,.next-btn,.ghost,.status-pill,.hero-feature-row span,.tab,.file-picker{display:inline-flex;align-items:center;gap:8px}.icon-button{display:inline-grid;place-items:center}.icon-button .ui-icon{margin:0}
.next-btn{background:linear-gradient(135deg,#2387ff 0%,#4857f4 100%);box-shadow:0 14px 30px #2387ff2e, inset 0 1px 0 #ffffff33}.next-btn:hover{filter:saturate(1.08) brightness(1.03);transform:translateY(-1px)}
.ghost{background:#ffffffd9;border-color:#dce7f5;box-shadow:0 10px 22px #12345d0a}.ghost:hover{border-color:#9fd0ff;background:#f7fbff}
.hero-badge{border-radius:999px;background:#ffffffc9;border-color:#dce7f5;box-shadow:0 14px 40px #12345d10}.hero-copy h1{color:#12345d;background:linear-gradient(95deg,#12345d 0%,#168feb 48%,#14a67a 100%);-webkit-background-clip:text;color:transparent}.hero-feature-row span{border:1px solid #dce7f5;background:#ffffffd9;color:#334155;box-shadow:0 12px 26px #12345d0b}.hero-feature-row span .ui-icon{color:#2387ff}.hero-feature-row span:nth-child(3) .ui-icon{color:#14a67a}.hero-feature-row span:nth-child(4) .ui-icon{color:#c58a26}.hero-feature-row b{font-size:13px}.hero-status{background:linear-gradient(180deg,#ffffff,#f7fbff);box-shadow:var(--lux-shadow)}
.composer-card{border:1px solid #dce7f5;background:linear-gradient(180deg,#ffffff 0%,#fafdff 100%);box-shadow:0 30px 80px #12345d14}.composer-main .tabs{padding:4px;border:1px solid #e1ebf7;border-radius:10px;background:#f8fbff}.tab{border-color:#e3edf8;background:#ffffff;color:#334155;box-shadow:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.tab span{margin-right:0}.tab span .ui-icon{width:16px;height:16px}.tab b{font-size:13px;font-weight:850}.tab:hover{transform:translateY(-1px);border-color:#aed8ff;background:#f4f9ff}.tab.active{background:linear-gradient(135deg,#2387ff,#4857f4);border-color:#56aaff;color:#fff;box-shadow:0 14px 26px #2387ff2b}.tab.active span{background:#ffffff24;color:#fff}
.hint{color:#526176;font-weight:750}.prompt-box{border-color:#d7e5f5;background:#fff;box-shadow:inset 0 1px 0 #ffffff,0 18px 42px #12345d0b;transition:border-color .18s ease,box-shadow .18s ease}.prompt-box:focus-within{border-color:#60b9ff;box-shadow:0 0 0 4px #2387ff1c,0 20px 46px #12345d12}.prompt-box textarea,textarea.secondary-input,#stylePrompt{font-family:"Aptos","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI","Segoe UI",sans-serif;line-height:1.68}.prompt-box textarea::placeholder,textarea.secondary-input::placeholder,#stylePrompt::placeholder{color:#8b98aa}
.toolbar-icon-button{color:#71829a;border-radius:8px;transition:background .18s ease,color .18s ease,transform .18s ease}.toolbar-icon-button:hover{color:#2387ff;background:#eef7ff;transform:translateY(-1px)}.toolbar-icon-button .toolbar-icon{display:inline-block}.toolbar-icon-button::before{content:none;display:none}.inline-select{gap:8px}.mini-badge{background:#e7f3ff;color:#176fc5;border:1px solid #c9e6ff}.file-picker{width:max-content;max-width:100%;border-color:#bdd9f7;background:#ffffff;color:#26364d;box-shadow:0 12px 28px #12345d0e}.file-picker .ui-icon{color:#2387ff}
.toolbar-icon-button{position:relative;width:34px;height:34px;background:#ffffff;border:1px solid #dbe7f4;box-shadow:0 8px 18px #12345d0b}.toolbar-icon-button:hover,.toolbar-icon-button:focus-visible{border-color:#8fcfff}.toolbar-icon-button.active,.toolbar-icon-button[aria-pressed="true"]{color:#0f7fe8;background:#eaf6ff;border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff24,0 10px 24px #2d8cff22}.toolbar-icon-button.active .toolbar-state-dot,.toolbar-icon-button[aria-pressed="true"] .toolbar-state-dot{position:absolute;right:5px;top:5px;width:7px;height:7px;border-radius:999px;background:#13b27b;box-shadow:0 0 0 2px #fff}.toolbar-icon-button .toolbar-icon{display:inline-block!important}.toolbar-state-dot{display:none}.toolbar-icon-button.active .toolbar-state-dot,.toolbar-icon-button[aria-pressed="true"] .toolbar-state-dot{display:block}
.composer-side{border-color:#dce7f5;background:linear-gradient(180deg,#fafdff,#f4f9ff);box-shadow:inset 0 1px 0 #fff}.composer-side .pipeline-list{gap:9px}.composer-side .pipeline-list li{display:grid;grid-template-columns:30px minmax(0,1fr);grid-template-areas:"icon title" "icon body";gap:2px 9px;margin:0;padding:11px;border:1px solid #e1ebf7;border-left:0;border-radius:9px;background:#fff}.composer-side .pipeline-list li .ui-icon{grid-area:icon;width:18px;height:18px;align-self:center;justify-self:center;color:#2387ff}.composer-side .pipeline-list li:nth-child(2) .ui-icon{color:#14a67a}.composer-side .pipeline-list li:nth-child(3) .ui-icon{color:#c58a26}.composer-side .pipeline-list li b{grid-area:title;color:#26364d}.composer-side .pipeline-list li span{grid-area:body}
.style-head{padding-top:14px;border-top:1px solid #dce7f5}.style-title{display:inline-flex;align-items:center;gap:10px}.style-title-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#eef7ff;color:#2387ff}.style-title-icon .ui-icon{width:18px;height:18px}.style-tool-row .ghost{gap:8px}.template-card{border-radius:9px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.template-card:hover{transform:translateY(-2px);box-shadow:0 18px 42px #12345d18}.template-info b{letter-spacing:0}.status{border-color:#dce7f5;background:#ffffffd9;box-shadow:var(--lux-shadow)}

body[data-theme="dark"]{--lux-panel:#101c2f;--lux-line:#243b58;--lux-ink:#edf7ff;--lux-muted:#98a9bf;background:#08111f!important;color:#edf7ff!important}
body[data-theme="dark"]::before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px),linear-gradient(145deg,#07101e 0%,#0b1525 48%,#07111f 100%);background-size:56px 56px,56px 56px,100% 100%;mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);z-index:-1}
body[data-theme="dark"] .topbar{background:linear-gradient(180deg,#091221ee,#0b1424f2)!important;border-right:1px solid #223753!important;box-shadow:14px 0 42px #00000038!important}
body[data-theme="dark"] .logo{border-bottom-color:#2b405f}body[data-theme="dark"] .logo-mark{background:linear-gradient(145deg,#102743,#0b1728)!important;border-color:#3aa7ff!important;color:#8ed7ff!important;box-shadow:0 0 0 1px #3aa7ff35,0 12px 28px #00000032!important}body[data-theme="dark"] .logo-copy b{color:#d9f4ff!important}body[data-theme="dark"] .logo-copy small{color:#8da2ba!important}
body[data-theme="dark"] .main-nav a{color:#b6c5d8}body[data-theme="dark"] .nav-icon{background:#13233a!important;color:#90a8c4!important;box-shadow:inset 0 0 0 1px #2d4667}body[data-theme="dark"] .main-nav a.active{background:linear-gradient(135deg,#123d65,#14294a)!important;border-left-color:#5ecbff!important;color:#e8f8ff!important;box-shadow:inset 0 0 0 1px #38bdf84a,0 10px 24px #0000001c!important}body[data-theme="dark"] .main-nav a.active .nav-icon{background:#174c7d!important;color:#c9f3ff!important}
body[data-theme="dark"] .shell-segment,body[data-theme="dark"] .ghost{background:#0f1b2f!important;border-color:#263d5c!important;color:#d5e6f8!important;box-shadow:0 12px 26px #00000022!important}body[data-theme="dark"] .shell-segment button.active{background:linear-gradient(135deg,#2387ff,#4657ee)!important}
body[data-theme="dark"] .hero-badge{background:#0f1b2fcc!important;border-color:#263d5c!important;color:#b9c8da!important;box-shadow:0 18px 46px #00000024!important}body[data-theme="dark"] .hero-copy h1{background:linear-gradient(92deg,#eafaff 0%,#5edcff 42%,#7df0be 100%);-webkit-background-clip:text;color:transparent!important;text-shadow:0 18px 58px #38bdf83a}body[data-theme="dark"] .hero-copy p{color:#9dacbf!important}
body[data-theme="dark"] .hero-feature-row span{background:#0f1b2fcc!important;border-color:#263d5c!important;color:#d8e6f5!important;box-shadow:0 14px 34px #00000022!important}body[data-theme="dark"] .hero-status{background:linear-gradient(180deg,#101d31,#0d1829)!important;border-color:#263d5c!important;box-shadow:0 24px 60px #00000030!important}
body[data-theme="dark"] .composer-card,body[data-theme="dark"] .panel{background:linear-gradient(180deg,#101d31d9,#0d1829f2)!important;border-color:#253b59!important;box-shadow:0 34px 90px #00000035!important}body[data-theme="dark"] .composer-main .tabs{background:#0a1424!important;border-color:#263d5c!important}body[data-theme="dark"] .tab{background:#0f1b2f!important;border-color:#263d5c!important;color:#d5e6f8!important}body[data-theme="dark"] .tab span{background:#152845!important;color:#9edcff!important}body[data-theme="dark"] .tab.active{background:linear-gradient(135deg,#2387ff,#4857f4)!important;border-color:#68c8ff!important;color:#fff!important;box-shadow:0 16px 34px #2387ff24!important}body[data-theme="dark"] .hint{color:#aebdd0!important}
body[data-theme="dark"] .prompt-box,body[data-theme="dark"] textarea.secondary-input,body[data-theme="dark"] #stylePrompt{background:#0b1728!important;border-color:#2a4262!important;color:#edf7ff!important;box-shadow:inset 0 1px 0 #ffffff08,0 20px 46px #00000028!important}body[data-theme="dark"] .prompt-box:focus-within{border-color:#55c8ff!important;box-shadow:0 0 0 4px #38bdf824,0 22px 52px #00000035!important}body[data-theme="dark"] .prompt-toolbar{background:#0d192b!important;border-top-color:#263d5c!important}body[data-theme="dark"] input,body[data-theme="dark"] select{background:#0d192b!important;border-color:#2a4262!important;color:#dceafd!important}body[data-theme="dark"] .mini-badge{background:#133a62!important;border-color:#235a89!important;color:#8bd7ff!important}
body[data-theme="dark"] .toolbar-icon-button{background:#0f1b2f!important;border-color:#2a4262!important;color:#a9bbd0!important;box-shadow:0 10px 24px #00000024!important}body[data-theme="dark"] .toolbar-icon-button:hover,body[data-theme="dark"] .toolbar-icon-button:focus-visible{background:#14345d!important;border-color:#4aa9e9!important;color:#9edcff!important}body[data-theme="dark"] .toolbar-icon-button.active,body[data-theme="dark"] .toolbar-icon-button[aria-pressed="true"]{background:#12345d!important;border-color:#5ecbff!important;color:#c9f3ff!important;box-shadow:0 0 0 3px #38bdf833,0 12px 28px #00000032!important}body[data-theme="dark"] .toolbar-icon-button.active .toolbar-state-dot,body[data-theme="dark"] .toolbar-icon-button[aria-pressed="true"] .toolbar-state-dot{box-shadow:0 0 0 2px #12345d}
body[data-theme="dark"] .composer-side{background:linear-gradient(180deg,#0f1b2f,#0b1728)!important;border-color:#263d5c!important}body[data-theme="dark"] .composer-side .pipeline-list li{background:#0b1728!important;border-color:#263d5c!important}body[data-theme="dark"] .composer-side .pipeline-list li b{color:#edf7ff!important}
body[data-theme="dark"] .style-head{border-top-color:#2a4262}body[data-theme="dark"] .style-title-icon{background:#123a61;color:#8bd7ff}body[data-theme="dark"] .template-card{background:#0f1b2f!important;border-color:#263d5c!important;box-shadow:0 20px 54px #00000030!important}body[data-theme="dark"] .template-card:hover{border-color:#55c8ff!important;box-shadow:0 24px 70px #0000003d,0 0 0 1px #38bdf830!important}body[data-theme="dark"] .template-info b{color:#edf7ff!important}body[data-theme="dark"] .template-info span{color:#9dacbf!important}body[data-theme="dark"] .status{background:#0f1b2fcc!important;border-color:#263d5c!important;color:#9edcff!important}

@media(max-width:900px){
  .composer-main .tabs{padding:3px}.tab{justify-content:center}.hero-feature-row span{min-width:0}
}

/* Calmer palette correction after visual review */
.ui-icon{width:16px!important;height:16px!important;max-width:16px!important;max-height:16px!important;fill:none!important;stroke:currentColor!important}.ui-icon *{fill:none!important;stroke:currentColor!important}
body{background:linear-gradient(135deg,#f6f9fd 0%,#edf4fb 48%,#f8fbff 100%)!important;color:#263244}.shell{background:transparent}
.topbar{background:#ffffffee!important;border-right-color:#dde8f5!important}.logo-copy b{color:#168fec!important}.logo-copy small{color:#66758a!important}
.nav-icon{width:25px!important;height:25px!important;border-radius:8px!important;background:#eef6ff!important;color:#2d7fda!important;box-shadow:inset 0 0 0 1px #d6e9ff!important}.main-nav a{color:#435269!important}.main-nav a.active{background:#eaf4ff!important;color:#176fc5!important;border-left-color:#2d8cff!important;box-shadow:inset 0 0 0 1px #cce5ff!important}.main-nav a.active .nav-icon{background:#d9ecff!important;color:#176fc5!important}
.shell-segment,.ghost{background:#ffffffd8!important;border-color:#dbe7f4!important;color:#435269!important;box-shadow:0 8px 18px #12345d0b!important}.shell-segment button.active{background:#2d8cff!important;color:#fff!important}
.shell-segment button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px}.shell-segment button.active{padding-right:22px!important}.shell-segment button.active::after{content:"✓";position:absolute;right:8px;top:50%;transform:translateY(-50%);font-size:11px;font-weight:900;line-height:1}.theme-segment button[data-theme-option="system"].active{min-width:116px;border:1px solid #72bdff!important}.theme-segment button[data-theme-option="system"].active::before{content:"AUTO";display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:16px;padding:0 5px;border-radius:999px;background:#ffffff33;color:currentColor;font-size:9px;font-weight:950;letter-spacing:.04em}.theme-segment button[data-theme-option="system"].resolved-light.active{background:linear-gradient(135deg,#2d8cff,#14a67a)!important}.theme-segment button[data-theme-option="system"].resolved-dark.active{background:linear-gradient(135deg,#2563eb,#4f46e5)!important}
.workbench-hero{background:transparent}.hero-badge{background:#ffffffd8!important;border-color:#e2ecf7!important;color:#526176!important;box-shadow:0 10px 28px #12345d0c!important}.hero-copy h1{background:linear-gradient(92deg,#119bd6 0%,#2d8cff 60%,#24a77a 100%)!important;-webkit-background-clip:text!important;color:transparent!important;text-shadow:none!important}.hero-copy p{color:#69778b!important}
.hero-feature-row{margin-top:20px!important}.hero-feature-row span{min-height:38px!important;width:auto!important;max-width:100%!important;padding:8px 12px!important;border-radius:10px!important;background:#ffffffd9!important;border:1px solid #dfeaf6!important;color:#354154!important;box-shadow:0 10px 24px #12345d0b!important}.hero-feature-row span .ui-icon{width:15px!important;height:15px!important}.hero-feature-row b{font-size:13px!important;line-height:1.2!important;white-space:normal!important}.hero-cta{min-height:40px!important;width:max-content!important;padding:10px 16px!important;border-radius:10px!important;font-size:14px!important;box-shadow:0 12px 24px #2d8cff24!important}.hero-cta .ui-icon{width:16px!important;height:16px!important}
.hero-status{background:#ffffffde!important;border-color:#dfeaf6!important;box-shadow:0 18px 48px #12345d12!important}.status-pill{gap:6px!important}.status-pill .ui-icon{width:14px!important;height:14px!important}
.composer-card{background:#ffffffee!important;border-color:#dfeaf6!important;box-shadow:0 24px 64px #12345d12!important}.composer-main .tabs{background:#f7fbff!important;border-color:#e3edf8!important}.tab{background:#fff!important;border-color:#dfeaf6!important;color:#354154!important;box-shadow:0 8px 18px #12345d08!important}.tab span{width:26px!important;height:26px!important;background:#eef6ff!important;color:#2d8cff!important}.tab.active{background:linear-gradient(135deg,#2d8cff,#4b5af0)!important;color:#fff!important;border-color:#5fb6ff!important;box-shadow:0 14px 28px #2d8cff28!important}.tab.active span{background:#ffffff24!important;color:#fff!important}.tab b{line-height:1.2!important}
.prompt-box,textarea.secondary-input,#stylePrompt{background:#fff!important;border-color:#d7e4f2!important;color:#263244!important;box-shadow:inset 0 1px 0 #fff,0 14px 34px #12345d0b!important}.prompt-toolbar{background:#fbfdff!important;border-top-color:#e5edf6!important}.prompt-box:focus-within{border-color:#72bdff!important;box-shadow:0 0 0 4px #2d8cff18,0 16px 40px #12345d10!important}
.next-btn{background:linear-gradient(135deg,#2d8cff,#4b5af0)!important;color:#fff!important;border-radius:10px!important}.next-btn .ui-icon{color:currentColor!important}.mini-badge{background:#eaf4ff!important;color:#176fc5!important;border-color:#cfe5ff!important}
.composer-side{background:#f8fbff!important;border-color:#dfeaf6!important}.composer-side .pipeline-list li{background:#ffffffd9!important;border-color:#e3edf8!important;box-shadow:none!important}.composer-side .pipeline-list li b{color:#354154!important}
.style-title-icon{background:#eef6ff!important;color:#2d8cff!important}.template-card{background:#fff!important;border-color:#dfeaf6!important;box-shadow:0 12px 30px #12345d0e!important}.template-card:hover{border-color:#86c7ff!important;box-shadow:0 16px 40px #12345d16!important}.template-selected-badge{background:linear-gradient(135deg,#2d8cff,#4b5af0)!important}.status{background:#ffffffdd!important;border-color:#dfeaf6!important;color:#176fc5!important;box-shadow:0 18px 48px #12345d12!important}
.compact-action{min-height:34px!important;padding:7px 10px!important}.compact-action .ui-icon{width:15px!important;height:15px!important}.icon-button .ui-icon{width:15px!important;height:15px!important}
.hero-feature-row span::before{content:none!important;display:none!important}

body[data-theme="dark"]{background:linear-gradient(135deg,#08111f 0%,#0d1728 48%,#101a2b 100%)!important;color:#e8eef8!important}
body[data-theme="dark"]::before{opacity:.35;background-size:64px 64px,64px 64px,100% 100%}
body[data-theme="dark"] .topbar{background:#0b1220ee!important;border-right-color:#22314a!important}.topbar body[data-theme="dark"]{color:#e8eef8!important}
body[data-theme="dark"] .logo-copy b{color:#8ccaff!important}body[data-theme="dark"] .logo-copy small{color:#91a1b7!important}
body[data-theme="dark"] .nav-icon{background:#13233a!important;color:#9ed0ff!important;box-shadow:inset 0 0 0 1px #2b3f5d!important}body[data-theme="dark"] .main-nav a{color:#b8c4d6!important}body[data-theme="dark"] .main-nav a.active{background:#12345d!important;color:#dff5ff!important;border-left-color:#5ecbff!important;box-shadow:inset 0 0 0 1px #2d8cff45!important}
body[data-theme="dark"] .hero-badge,body[data-theme="dark"] .hero-feature-row span,body[data-theme="dark"] .hero-status,body[data-theme="dark"] .composer-card,body[data-theme="dark"] .panel,body[data-theme="dark"] .template-card,body[data-theme="dark"] .status{background:#101a2bea!important;border-color:#26364d!important;box-shadow:0 18px 56px #00000035!important}
.template-delete{position:absolute;right:8px;top:8px;z-index:6;min-height:30px;padding:5px 9px;border-radius:8px;background:#fffdfd;font-size:12px;font-weight:900;box-shadow:0 10px 22px #0f172a24}.template-delete:hover{background:#fff1f2}.template-card[aria-pressed="true"] .template-delete{box-shadow:0 0 0 1px #ffffffcc,0 10px 22px #0f172a2e}body[data-theme="dark"] .template-delete{background:#2a1115!important;color:#fecaca!important;border-color:#7f1d1d!important}body[data-theme="dark"] .template-delete:hover{background:#3b1118!important}
body[data-theme="dark"] .hero-copy h1{background:linear-gradient(90deg,#63e6ff 0%,#8ab7ff 70%,#7ee7c3 100%)!important;-webkit-background-clip:text!important;color:transparent!important}body[data-theme="dark"] .hero-copy p,body[data-theme="dark"] .hero-feature-row b{color:#a8b7ca!important}
body[data-theme="dark"] .shell-segment,body[data-theme="dark"] .ghost,body[data-theme="dark"] .tab,body[data-theme="dark"] input,body[data-theme="dark"] select,body[data-theme="dark"] .prompt-box,body[data-theme="dark"] textarea.secondary-input,body[data-theme="dark"] #stylePrompt{background:#111d30!important;border-color:#2b3b54!important;color:#d5deeb!important}
body[data-theme="dark"] .prompt-toolbar,body[data-theme="dark"] .composer-side,body[data-theme="dark"] .composer-main .tabs,body[data-theme="dark"] .composer-side .pipeline-list li{background:#0d1728!important;border-color:#26364d!important}
body[data-theme="dark"] .tab span,body[data-theme="dark"] .style-title-icon{background:#14345d!important;color:#9ed0ff!important}body[data-theme="dark"] .tab.active{background:linear-gradient(135deg,#2d8cff,#4156d8)!important;color:#fff!important}

/* Brand swallow mark */
.logo-mark.logo-swallow{overflow:hidden;padding:0!important;background:transparent!important;border:0!important;box-shadow:0 10px 24px #2d8cff24!important;color:inherit!important}
.brand-swallow-icon{display:block;width:100%;height:100%;filter:drop-shadow(0 2px 6px #258cff22)}
.brand-swallow-icon *{stroke:none!important}
body[data-theme="dark"] .logo-mark.logo-swallow{background:transparent!important;border:0!important;box-shadow:0 12px 28px #00000032!important}

/* Settings page: reference-like single-column console */
.settings-page{max-width:1240px;margin:18px auto 60px;padding:18px 18px 42px}.settings-stage{display:block!important;padding:34px 38px 38px;border-radius:12px!important;background:#fff!important;border-color:#e6edf5!important;box-shadow:0 28px 80px #17426d14!important}.settings-titlebar{display:grid;grid-template-columns:190px minmax(0,1fr) auto;align-items:start;gap:24px;padding:16px 4px 32px;border-bottom:1px solid #e7edf5}.settings-titlebar h1{margin:0 0 8px;font-size:30px;line-height:1.15;letter-spacing:0;color:#111827}.settings-titlebar p{margin:0;color:#6b7280;font-size:15px}.settings-return{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:8px 14px;border:1px solid #8fc3ff;border-radius:8px;background:#fff;color:#111827;text-decoration:none;font-weight:800}.settings-return .ui-icon,.settings-title-actions .ui-icon,.settings-footer-actions .ui-icon,.settings-test .ui-icon{width:17px;height:17px}.settings-title-actions{display:flex;gap:10px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.settings-title-actions .ghost,.settings-footer-actions .ghost,.settings-footer-actions .next-btn{display:inline-flex;align-items:center;gap:8px;min-height:38px}.settings-stage .settings-grid{display:grid;grid-template-columns:1fr;gap:0;align-items:stretch}.settings-section{padding:34px 0;border-bottom:1px solid #edf1f6}.settings-section-title{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.settings-section-icon{display:inline-grid;place-items:center;width:28px;height:28px;color:#111827;flex:0 0 auto}.settings-section-icon .ui-icon{width:24px;height:24px}.settings-section-title h2{margin:0;font-size:24px;line-height:1.25;color:#111827}.settings-section-title p{margin:6px 0 0;color:#667085;line-height:1.6}.settings-subpanel,.settings-model-card{display:grid;gap:14px;padding:18px;border:1px solid #e5eaf0;border-radius:8px;background:#fbfcfe}.settings-model-list{display:grid;gap:16px}.settings-two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.settings-field{display:grid;gap:8px;color:#334155;font-size:15px;font-weight:700}.settings-field input,.settings-field select,.settings-stage input[type=number],.settings-stage select{width:100%;min-height:42px;border-radius:8px;border:1px solid #dde4ed;background:#fff;color:#111827;font-size:15px;padding:9px 12px}.settings-field input:focus,.settings-field select:focus{outline:0;border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1f}.settings-field small,.settings-inline-help{color:#667085;font-weight:400;line-height:1.55}.settings-field a,.settings-help-box a{color:#1f7ae0;text-decoration:underline;text-underline-offset:3px}.settings-secret-row{display:grid;grid-template-columns:minmax(160px,.7fr) minmax(0,1fr) auto;gap:10px;align-items:center;color:#475467;font-size:14px}.settings-secret-row code{display:block;min-height:34px;padding:8px 10px;background:#f1f5f9;border-radius:8px;overflow-wrap:anywhere}.settings-help-box,.settings-tip{margin-top:16px;padding:13px 16px;border:1px solid #bddbff;border-radius:8px;background:#eef6ff;color:#3b4b60;line-height:1.6}.settings-tip{margin:0 0 16px;border-color:#ffe08a;background:#fff9db;color:#5f4b15}.settings-segmented{display:flex;gap:10px;flex-wrap:wrap}.settings-segmented label{display:inline-flex;align-items:center;justify-content:center;min-width:88px;min-height:42px;padding:8px 18px;border:1px solid #dce4ef;border-radius:8px;background:#fff;color:#334155;font-weight:800;cursor:pointer}.settings-segmented input{position:absolute;opacity:0;pointer-events:none}.settings-segmented label.active,.settings-segmented label:has(input:checked){border-color:#13b27b;background:#10b981;color:#fff;box-shadow:0 10px 24px #10b98124}.settings-toggle-row{display:grid;grid-template-columns:minmax(0,1fr) 58px;align-items:center;gap:16px;color:#334155}.settings-toggle-row b{display:block;margin-bottom:6px;font-size:16px}.settings-toggle-row small{display:block;color:#667085;line-height:1.55}.settings-toggle-row input{position:absolute;opacity:0}.settings-toggle-row i{position:relative;width:54px;height:30px;border-radius:999px;background:#cbd5e1;box-shadow:inset 0 0 0 1px #b7c4d4;transition:.18s ease}.settings-toggle-row i::before{content:"";position:absolute;top:4px;left:4px;width:22px;height:22px;border-radius:999px;background:#fff;box-shadow:0 2px 8px #0f172a24;transition:.18s ease}.settings-toggle-row input:checked+i{background:#2d8cff;box-shadow:inset 0 0 0 1px #2d8cff}.settings-toggle-row input:checked+i::before{transform:translateX(24px)}.settings-test-list{display:grid;gap:14px}.settings-test-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 20px;border:1px solid #e5eaf0;border-radius:8px;background:#fbfcfe}.settings-test-card h3{margin:0 0 6px;font-size:18px;color:#111827}.settings-test-card p{margin:0;color:#667085;line-height:1.55}.settings-test{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;min-height:38px;font-weight:800}.settings-runtime-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.settings-runtime-grid .status-row{padding:10px 12px;border:1px solid #e5eaf0;border-radius:8px;background:#fbfcfe}.settings-runtime-grid code{max-width:100%;overflow-wrap:anywhere}.settings-truth-list{display:grid;gap:10px}.settings-truth-row{display:grid;grid-template-columns:minmax(170px,.55fr) 110px minmax(0,1fr);gap:12px;align-items:start;padding:12px 14px;border:1px solid #e5eaf0;border-radius:8px;background:#fff}.settings-truth-row b.ok{color:#047857}.settings-truth-row b.warn{color:#b45309}.settings-truth-row small{color:#667085;line-height:1.5}.settings-advanced{padding:22px 0;border-bottom:1px solid #edf1f6}.settings-advanced summary{cursor:pointer;font-size:18px;font-weight:900;color:#111827}.settings-advanced p{color:#667085;line-height:1.6}.settings-lazy-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-lazy-item{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:end;padding:14px;border:1px solid #e5eaf0;border-radius:8px;background:#fbfcfe}.settings-footer-actions{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;padding-top:26px}.settings-feedback{display:grid;justify-items:center;gap:4px;min-height:24px}.settings-success,.settings-error{line-height:1.5}.settings-success{color:#047857!important}.settings-error{color:#dc2626!important}.settings-stage .mini-danger{min-height:34px}.settings-stage .danger-btn{color:#b91c1c!important;border-color:#fecaca!important}
body[data-theme="dark"] .settings-stage{background:#101a2bea!important;border-color:#26364d!important;box-shadow:0 24px 70px #00000038!important}body[data-theme="dark"] .settings-titlebar{border-bottom-color:#26364d}body[data-theme="dark"] .settings-titlebar h1,body[data-theme="dark"] .settings-section-title h2,body[data-theme="dark"] .settings-test-card h3,body[data-theme="dark"] .settings-advanced summary{color:#edf5ff}body[data-theme="dark"] .settings-titlebar p,body[data-theme="dark"] .settings-section-title p,body[data-theme="dark"] .settings-field small,body[data-theme="dark"] .settings-test-card p,body[data-theme="dark"] .settings-truth-row small,body[data-theme="dark"] .settings-inline-help,body[data-theme="dark"] .settings-advanced p{color:#a8b7ca}body[data-theme="dark"] .settings-return,body[data-theme="dark"] .settings-subpanel,body[data-theme="dark"] .settings-model-card,body[data-theme="dark"] .settings-test-card,body[data-theme="dark"] .settings-runtime-grid .status-row,body[data-theme="dark"] .settings-truth-row,body[data-theme="dark"] .settings-lazy-item{background:#0d1728!important;border-color:#26364d!important;color:#d5deeb!important}body[data-theme="dark"] .settings-field input,body[data-theme="dark"] .settings-field select,body[data-theme="dark"] .settings-stage input[type=number],body[data-theme="dark"] .settings-stage select{background:#111d30!important;border-color:#2b3b54!important;color:#d5deeb!important}body[data-theme="dark"] .settings-secret-row code{background:#0b1322;color:#d5deeb}body[data-theme="dark"] .settings-help-box{background:#102946;border-color:#245f9d;color:#cfe8ff}body[data-theme="dark"] .settings-tip{background:#352b13;border-color:#8a6d22;color:#ffe7a3}
@media(max-width:900px){.settings-page{padding:10px}.settings-stage{padding:24px 20px}.settings-titlebar{grid-template-columns:1fr;gap:14px}.settings-title-actions{justify-content:flex-start}.settings-two-col,.settings-runtime-grid,.settings-lazy-grid{grid-template-columns:1fr}.settings-truth-row{grid-template-columns:1fr}.settings-footer-actions{grid-template-columns:1fr}.settings-feedback{justify-items:start}.settings-test-card{grid-template-columns:1fr}.settings-test{width:100%}}@media(max-width:560px){.settings-stage{padding:20px 14px}.settings-section{padding:26px 0}.settings-section-title h2{font-size:21px}.settings-secret-row,.settings-lazy-item{grid-template-columns:1fr}.settings-segmented label{flex:1 1 120px}.settings-titlebar h1{font-size:26px}}

/* Session A polish: unmistakable selected states and dark reference panels */
.material-filter-card.active{position:relative;border-color:#2d8cff!important;background:linear-gradient(135deg,#eef6ff,#ffffff)!important;box-shadow:0 0 0 3px #2d8cff24,0 16px 34px #2d8cff18!important}.material-filter-card.active::after{content:"✓";position:absolute;right:14px;top:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:999px;background:#2d8cff;color:#fff;font-size:12px;font-weight:900}.material-filter-card.active strong{color:#176fc5}.material-reference-item.active{position:relative;border-color:#2d8cff!important;background:#eef6ff!important;box-shadow:0 0 0 3px #2d8cff24!important}.material-reference-item.active::after{content:"✓";position:absolute;right:8px;top:8px;display:grid;place-items:center;width:20px;height:20px;border-radius:999px;background:#2d8cff;color:#fff;font-size:11px;font-weight:900}
body[data-theme="dark"] .asset-reference-panel,body[data-theme="dark"] .reference-empty,body[data-theme="dark"] .material-reference-empty,body[data-theme="dark"] .reference-thumb,body[data-theme="dark"] .material-reference-item{background:#0d1728!important;border-color:#26364d!important;color:#a8b7ca!important}body[data-theme="dark"] .asset-reference-head b,body[data-theme="dark"] .material-reference-picker>b{color:#edf5ff!important}body[data-theme="dark"] .asset-reference-head span,body[data-theme="dark"] .reference-thumb figcaption,body[data-theme="dark"] .material-reference-item em{color:#9aa8bb!important}body[data-theme="dark"] .material-filter-card.active{background:linear-gradient(135deg,#12345d,#101a2b)!important;border-color:#5ecbff!important;box-shadow:0 0 0 3px #38bdf833,0 18px 44px #00000042!important}body[data-theme="dark"] .material-filter-card.active strong{color:#dff5ff}body[data-theme="dark"] .material-filter-card.active::after,body[data-theme="dark"] .material-reference-item.active::after{background:#5ecbff;color:#08111f}body[data-theme="dark"] .material-reference-item.active{background:#12345d!important;border-color:#5ecbff!important;box-shadow:0 0 0 3px #38bdf833!important}
body[data-theme="dark"] .editor-material-picker,body[data-theme="dark"] .editor-material-choice{background:#0d1728!important;border-color:#26364d!important;color:#a8b7ca!important}body[data-theme="dark"] .editor-material-picker-head{color:#dbeafe!important}body[data-theme="dark"] .editor-material-picker-head span,body[data-theme="dark"] .editor-material-choice em{color:#9aa8bb!important}body[data-theme="dark"] .editor-material-choice>span,body[data-theme="dark"] .editor-material-choice img{background:#111d30!important;border-color:#2b3b54!important;color:#8bd3ff!important}body[data-theme="dark"] .editor-material-choice.active{background:#12345d!important;border-color:#5ecbff!important;box-shadow:0 0 0 3px #38bdf833!important}

/* Staged presentation workflow */
.workflow-page{--workflow-line:#dfe6ee;--workflow-soft:#f5f8fb;--workflow-ink:#172033;--workflow-muted:#64748b;--workflow-accent:#1677d9;--workflow-success:#11845b;display:grid;gap:22px;max-width:1240px;margin:0 auto;padding:28px 0 64px}.workflow-head{display:flex;align-items:flex-start;justify-content:space-between;gap:28px;padding:4px 0 6px;border-bottom:1px solid var(--workflow-line)}.workflow-title-block{min-width:0}.workflow-title-block h1{margin:7px 0 8px;color:var(--workflow-ink);font-family:"Aptos Display","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI",sans-serif;font-size:34px;line-height:1.2;letter-spacing:0;overflow-wrap:anywhere}.workflow-title-block p{margin:0;color:var(--workflow-muted);font-size:14px}.workflow-head-actions{display:flex;gap:8px;flex:0 0 auto}.workflow-stepper{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));height:62px;border:1px solid var(--workflow-line);border-radius:8px;background:#fff;overflow:hidden}.workflow-step{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;padding:0 18px;border-right:1px solid var(--workflow-line);color:var(--workflow-muted);text-decoration:none}.workflow-step:last-child{border-right:0}.workflow-step span{display:grid;place-items:center;flex:0 0 auto;width:26px;height:26px;border:1px solid #cbd5e1;border-radius:50%;background:#fff;color:#64748b;font-size:12px;font-weight:900}.workflow-step b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.workflow-step.active{background:#eef7ff;color:#135fa9}.workflow-step.active span{border-color:var(--workflow-accent);background:var(--workflow-accent);color:#fff}.workflow-step.complete{color:var(--workflow-success)}.workflow-step.complete span{border-color:var(--workflow-success);background:#e7f7f0;color:var(--workflow-success)}.workflow-step.locked{cursor:default;opacity:.64}.workflow-loading,.workflow-status{display:flex;align-items:center;gap:10px;min-height:44px;padding:10px 14px;border:1px solid #cfe4fb;border-radius:8px;background:#f1f8ff;color:#24577f;font-size:13px;font-weight:800}.workflow-status .loading-dot.done{animation:none;background:var(--workflow-success)}.workflow-stage{display:grid;gap:16px;min-width:0}.workflow-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:44px}.workflow-stage-toolbar>div{display:flex;align-items:baseline;gap:10px}.workflow-stage-toolbar b{color:var(--workflow-ink);font-size:18px}.workflow-stage-toolbar span{color:var(--workflow-muted);font-size:12px}.workflow-card-list{display:grid;gap:10px}.workflow-outline-card{display:grid;grid-template-columns:54px minmax(0,1fr) 190px;gap:16px;min-width:0;padding:16px;border:1px solid var(--workflow-line);border-radius:8px;background:#fff}.workflow-page-number{display:flex;align-items:flex-start;justify-content:center;padding-top:22px}.workflow-page-number span,.workflow-description-card header>span{display:grid;place-items:center;width:34px;height:34px;border-radius:7px;background:#eaf4ff;color:#1669b7;font-size:12px;font-weight:900}.workflow-page-fields{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(280px,1.28fr);gap:12px;min-width:0}.workflow-page label,.workflow-outline-card label,.workflow-description-card label{display:grid;align-content:start;gap:6px;min-width:0;margin:0;color:#536174;font-size:11px;font-weight:900}.workflow-page input,.workflow-page textarea,.workflow-page select{width:100%;min-width:0;border:1px solid #d7e0ea;border-radius:7px;background:#fff;color:var(--workflow-ink);font:inherit;font-size:13px;line-height:1.5;letter-spacing:0}.workflow-page input,.workflow-page select{min-height:42px;padding:9px 11px}.workflow-page textarea{padding:9px 11px;resize:vertical}.workflow-page input:focus,.workflow-page textarea:focus,.workflow-page select:focus{border-color:#4d9de5;outline:3px solid #1677d91a}.workflow-page-side{display:grid;grid-template-columns:minmax(0,1fr) 36px;align-items:end;gap:8px}.workflow-delete{display:grid;place-items:center;width:36px;height:36px;border:1px solid #e3e8ef;border-radius:7px;background:#fff;color:#7a8797;font-size:22px;line-height:1;cursor:pointer}.workflow-delete:hover:not(:disabled){border-color:#e7a1a1;background:#fff5f5;color:#bf3131}.workflow-delete:disabled{cursor:not-allowed;opacity:.35}.workflow-footer{position:sticky;z-index:4;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px;padding:12px 0;border-top:1px solid var(--workflow-line);background:#fff}.workflow-footer>span{color:var(--workflow-muted);font-size:12px}.workflow-footer .next-btn{min-height:44px;white-space:nowrap}.workflow-description-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.workflow-description-card{display:grid;gap:13px;min-width:0;padding:16px;border:1px solid var(--workflow-line);border-radius:8px;background:#fff}.workflow-description-card header{display:grid;grid-template-columns:34px minmax(0,1fr);gap:10px;align-items:center}.workflow-description-card header input{font-size:14px;font-weight:900}.workflow-visual-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.workflow-visual-card{min-width:0;border:1px solid var(--workflow-line);border-radius:8px;background:#fff;overflow:hidden}.workflow-visual-frame{position:relative;display:grid;place-items:center;width:100%;aspect-ratio:16/9;background:#edf2f7;overflow:hidden}.workflow-visual-frame img{display:block;width:100%;height:100%;object-fit:contain;background:#fff}.workflow-visual-index{position:absolute;top:10px;left:10px;display:grid;place-items:center;min-width:34px;height:28px;padding:0 8px;border-radius:6px;background:#172033e8;color:#fff;font-size:11px;font-weight:900}.workflow-visual-placeholder{display:grid;place-items:center;gap:8px;color:#7a8797}.workflow-visual-placeholder svg{width:28px;height:28px}.workflow-visual-placeholder span{font-size:12px;font-weight:800}.workflow-visual-card>footer{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:58px;padding:10px 12px}.workflow-visual-card>footer b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--workflow-ink);font-size:13px}.workflow-visual-card>footer button{flex:0 0 auto;padding:8px 10px;font-size:12px}.workflow-export-panel{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:10px;padding:24px 0;border-top:1px solid var(--workflow-line);border-bottom:1px solid var(--workflow-line)}.workflow-export-panel h2{margin:4px 0 0;color:var(--workflow-ink);font-size:20px}.workflow-export-grid{display:grid;grid-template-columns:repeat(2,minmax(180px,1fr));gap:8px;width:min(100%,560px)}.workflow-export-option{display:grid;grid-template-columns:20px minmax(0,1fr) 18px;align-items:center;gap:9px;min-height:48px;padding:10px 12px;border:1px solid var(--workflow-line);border-radius:7px;background:#fff;color:#263244;text-decoration:none}.workflow-export-option:hover{border-color:#70afe6;background:#f4f9ff;color:#135fa9}.workflow-export-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:900}.workflow-export-option svg:last-child{color:#6b7b8e}.workflow-empty{display:grid;place-items:center;gap:10px;min-height:280px;padding:32px;border:1px dashed #c9d5e2;border-radius:8px;text-align:center}.workflow-empty h2,.workflow-empty p{margin:0}.workflow-empty p{color:var(--workflow-muted)}
:root[data-theme="dark"] .workflow-page{--workflow-line:#29374a;--workflow-soft:#111b2b;--workflow-ink:#edf5ff;--workflow-muted:#9baabd}:root[data-theme="dark"] .workflow-stepper,:root[data-theme="dark"] .workflow-step span,:root[data-theme="dark"] .workflow-outline-card,:root[data-theme="dark"] .workflow-description-card,:root[data-theme="dark"] .workflow-visual-card,:root[data-theme="dark"] .workflow-export-option,:root[data-theme="dark"] .workflow-delete,:root[data-theme="dark"] .workflow-footer{background:#101a2b}:root[data-theme="dark"] .workflow-step.active{background:#12345d}:root[data-theme="dark"] .workflow-step.complete span{background:#123d31}:root[data-theme="dark"] .workflow-page input,:root[data-theme="dark"] .workflow-page textarea,:root[data-theme="dark"] .workflow-page select{border-color:#314158;background:#0d1728;color:#edf5ff}:root[data-theme="dark"] .workflow-visual-frame{background:#0d1728}:root[data-theme="dark"] .workflow-visual-frame img{background:#111d30}:root[data-theme="dark"] .workflow-export-option{color:#dbeafe}:root[data-theme="dark"] .workflow-export-option:hover{background:#12345d}
@media(max-width:900px){.workflow-outline-card{grid-template-columns:44px minmax(0,1fr)}.workflow-page-fields{grid-template-columns:1fr}.workflow-page-side{grid-column:2}.workflow-description-grid{grid-template-columns:1fr}.workflow-export-panel{align-items:flex-start;flex-direction:column}.workflow-export-grid{width:100%}}
@media(max-width:620px){.workflow-page{gap:14px;padding:18px 0 48px}.workflow-head{flex-direction:column;gap:14px}.workflow-title-block h1{font-size:26px}.workflow-head-actions{width:100%}.workflow-head-actions>*{flex:1;justify-content:center}.workflow-stepper{height:54px}.workflow-step{gap:6px;padding:0 7px}.workflow-step span{width:23px;height:23px}.workflow-step b{font-size:11px}.workflow-outline-card{grid-template-columns:1fr;padding:12px}.workflow-page-number{justify-content:flex-start;padding:0}.workflow-page-fields,.workflow-page-side{grid-column:1}.workflow-footer{align-items:stretch;flex-direction:column;padding:10px 0}.workflow-footer .next-btn{width:100%;justify-content:center}.workflow-visual-grid,.workflow-export-grid{grid-template-columns:1fr}.workflow-stage-toolbar{align-items:flex-start}.workflow-stage-toolbar .ghost{flex:0 0 auto}.workflow-visual-card>footer{align-items:flex-start;flex-direction:column}.workflow-visual-card>footer button{width:100%;justify-content:center}}

/* SlideAI-style outline studio */
.outline-studio-page{max-width:1600px;gap:0;padding:0 0 56px}.outline-studio-head{display:grid;grid-template-columns:minmax(320px,auto) minmax(360px,670px) auto;align-items:center;gap:24px;min-height:76px;margin:0 -12px;padding:12px 12px;border-bottom:1px solid #e5eaf1;background:#fff}.outline-studio-brand{display:flex;align-items:center;gap:14px;min-width:0;color:#172033}.outline-studio-brand .outline-back{display:flex;align-items:center;gap:8px;flex:0 0 auto;color:#263244;font-size:16px;font-weight:900;text-decoration:none}.outline-studio-brand>b{font-family:"Aptos Display","HarmonyOS Sans SC","MiSans","Microsoft YaHei UI",sans-serif;font-size:22px;white-space:nowrap}.outline-studio-brand>i{display:block;width:1px;height:24px;background:#a9b4c2}.outline-studio-brand>strong{font-size:18px;white-space:nowrap}.outline-command-box{display:grid;grid-template-columns:22px minmax(0,1fr) 34px;align-items:center;gap:8px;min-width:0;height:48px;padding:0 7px 0 13px;border:1px solid #dfe5ed;border-radius:8px;background:#fff;box-shadow:0 3px 12px #1d4ed808}.outline-command-box>svg{color:#7c3aed}.outline-command-box input{height:42px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important;font-size:14px!important}.outline-command-box button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:#eef5ff;color:#1f6fc9;font-size:17px;cursor:pointer}.outline-next{min-width:132px;min-height:46px;justify-content:center;font-size:16px;font-weight:900}.outline-next span{font-size:19px}.outline-studio{gap:0}.outline-studio-tools{display:flex;align-items:center;gap:14px;min-height:94px;padding:20px 0;border-bottom:1px solid #e7ebf1}.outline-studio-tools>.next-btn,.outline-studio-tools>.ghost,.outline-transfer>summary{min-height:50px;padding:0 24px;border-radius:8px;font-size:15px;font-weight:900}.outline-studio-tools>.next-btn{min-width:164px}.outline-auto-button{min-width:178px;justify-content:center;border-color:#2f80ed;color:#174f99;background:#fff}.outline-transfer{position:relative}.outline-transfer>summary{display:flex;align-items:center;gap:9px;min-width:190px;border:1px solid #2f80ed;background:#fff;color:#172033;cursor:pointer;list-style:none}.outline-transfer>summary::-webkit-details-marker{display:none}.outline-transfer>summary b{margin-left:auto;color:#64748b}.outline-transfer-menu{position:absolute;z-index:20;top:58px;left:0;display:grid;width:230px;padding:6px;border:1px solid #dce4ee;border-radius:8px;background:#fff;box-shadow:0 16px 38px #1725541f}.outline-transfer-menu button{display:flex;align-items:center;gap:9px;min-height:42px;padding:8px 10px;border:0;border-radius:6px;background:#fff;color:#263244;text-align:left;cursor:pointer}.outline-transfer-menu button:hover{background:#eef6ff;color:#145fa8}.outline-page-count{color:#7a8797;font-size:14px}.outline-provider-badge{margin-left:auto;padding:7px 10px;border:1px solid #d9e7f7;border-radius:999px;background:#f4f9ff;color:#3771a7;font-size:11px;font-weight:900}.outline-requirements{position:relative;display:grid;grid-template-columns:1fr auto;gap:0;padding:0 0 18px;border-bottom:1px solid #e7ebf1}.outline-requirements>header{grid-column:1 / -1;display:flex;align-items:center;gap:8px;min-height:46px;color:#657286;font-size:13px}.outline-requirements>header svg{width:15px}.outline-requirements>header b{margin-left:auto}.outline-requirements textarea{grid-column:1 / -1;min-height:126px;padding:16px 20px 42px!important;border:1px solid #dfe5ed!important;border-radius:8px!important;background:#fff!important;font-size:16px!important;line-height:1.7!important}.outline-reference-button{position:absolute;left:14px;bottom:30px;display:grid;place-items:center;width:30px;height:30px;border:0;background:transparent;color:#98a4b4;cursor:pointer}.outline-custom-chip{grid-column:1;margin-top:10px;width:max-content;padding:7px 14px;border:1px dashed #cbd5e1;border-radius:999px;background:#fff;color:#7b8796;cursor:pointer}.outline-canvas{display:grid;grid-template-columns:minmax(290px,360px) minmax(0,1fr);gap:26px;align-items:start;min-height:620px;margin:0 -12px;padding:34px 12px;background:#f7f9fc}.outline-idea-card{position:sticky;top:14px;display:grid;grid-template-rows:54px minmax(330px,1fr) 40px;min-height:470px;border:1px solid #e4e9f0;border-radius:8px;background:#fff;box-shadow:0 8px 24px #1725540d;overflow:hidden}.outline-idea-card>header{display:flex;align-items:center;gap:9px;padding:0 18px;border-bottom:1px solid #edf0f5;color:#657286;font-size:14px}.outline-idea-card>header svg{color:#2f80ed}.outline-idea-card textarea{min-height:330px;padding:20px!important;border:0!important;border-radius:0!important;resize:none!important;font-size:18px!important;line-height:1.55!important}.outline-idea-image{display:flex;align-items:center;padding:0 18px;color:#9aa6b5}.outline-pages-area{min-width:0;min-height:520px}.outline-page-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}.outline-page-card{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;min-height:270px;padding:14px!important;border:1px solid #e1e7ef!important;border-radius:8px!important;background:#fff!important;box-shadow:0 7px 20px #17255409}.outline-page-card>header{display:flex;align-items:center;justify-content:space-between;gap:8px}.outline-page-card>header>span{display:grid;place-items:center;width:30px;height:28px;border-radius:6px;background:#edf5ff;color:#236db8;font-size:11px;font-weight:900}.outline-page-card>input{font-size:16px!important;font-weight:900!important}.outline-page-card>textarea{min-height:118px!important;border-color:#edf0f4!important;background:#fbfcfe!important}.outline-page-card>footer{display:grid;grid-template-columns:minmax(0,1fr) 24px;align-items:center;gap:8px}.outline-page-card>footer select{min-height:36px;padding:6px 9px}.outline-page-card>footer svg{color:#9aa6b5}.outline-page-card .workflow-delete{width:30px;height:30px}.outline-empty-state{display:grid;place-items:center;align-content:center;gap:12px;min-height:500px;color:#8b97a6;text-align:center}.outline-empty-state>svg{width:54px;height:54px;color:#c8d0da}.outline-empty-state h2,.outline-empty-state p{margin:0}.outline-empty-state h2{color:#263244;font-size:19px}.outline-empty-state p{max-width:620px;font-size:15px}
:root[data-theme="dark"] .outline-studio-head,:root[data-theme="dark"] .outline-studio-tools,:root[data-theme="dark"] .outline-command-box,:root[data-theme="dark"] .outline-transfer>summary,:root[data-theme="dark"] .outline-transfer-menu,:root[data-theme="dark"] .outline-transfer-menu button,:root[data-theme="dark"] .outline-requirements textarea,:root[data-theme="dark"] .outline-custom-chip,:root[data-theme="dark"] .outline-idea-card,:root[data-theme="dark"] .outline-page-card{background:#101a2b!important;border-color:#2a3a50!important;color:#dbeafe}:root[data-theme="dark"] .outline-studio-brand,:root[data-theme="dark"] .outline-studio-brand .outline-back,:root[data-theme="dark"] .outline-empty-state h2{color:#edf5ff}:root[data-theme="dark"] .outline-canvas{background:#0b1422}:root[data-theme="dark"] .outline-page-card>textarea{background:#0d1728!important;border-color:#26364d!important}:root[data-theme="dark"] .outline-command-box button{background:#12345d;color:#8bd3ff}:root[data-theme="dark"] .outline-transfer-menu button:hover{background:#12345d}
@media(max-width:1080px){.outline-studio-head{grid-template-columns:1fr auto}.outline-command-box{grid-column:1 / -1;grid-row:2}.outline-canvas{grid-template-columns:280px minmax(0,1fr)}.outline-page-grid{grid-template-columns:1fr}}
@media(max-width:720px){.outline-studio-head{grid-template-columns:1fr;gap:10px}.outline-studio-brand{justify-content:space-between}.outline-studio-brand>i{display:none}.outline-studio-brand>b{font-size:18px}.outline-command-box{grid-column:1;grid-row:auto}.outline-next{width:100%}.outline-studio-tools{align-items:stretch;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:14px 0}.outline-studio-tools>.next-btn,.outline-studio-tools>.ghost,.outline-transfer>summary{width:100%;min-width:0;padding:0 10px}.outline-transfer{min-width:0}.outline-page-count{align-self:center}.outline-provider-badge{align-self:center;margin-left:0;text-align:center}.outline-canvas{grid-template-columns:1fr;margin-inline:-4px;padding:18px 4px}.outline-idea-card{position:static;grid-template-rows:50px 180px 38px;min-height:268px}.outline-idea-card textarea{min-height:180px}.outline-page-grid{grid-template-columns:1fr}.outline-requirements textarea{font-size:14px!important}.outline-back span{display:none}}

/* Session A polish: export format selection has an unmistakable state. */
.export-format-control{position:relative;border:1px solid #cfe1f5!important;border-radius:10px!important;padding:4px 6px 4px 10px!important;background:#ffffff!important;box-shadow:0 8px 18px #12345d0b!important;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.export-format-control::before{content:"";display:inline-block;width:8px;height:8px;border-radius:999px;background:#2d8cff;box-shadow:0 0 0 3px #2d8cff1f}.export-format-control.pdf-selected{border-color:#f2b84b!important;background:#fff8e8!important;box-shadow:0 0 0 3px #f59e0b1f,0 10px 24px #b4530914!important}.export-format-control.pdf-selected::before{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b22}.export-format-control.pptx-selected{border-color:#8fcfff!important;background:#eef7ff!important;box-shadow:0 0 0 3px #2d8cff1f,0 10px 24px #2d8cff14!important}.export-format-badge[data-export-format="pdf"]{background:#fff2cc!important;border:1px solid #f7c762!important;color:#92400e!important}.export-format-badge[data-export-format="pptx"]{background:#e7f3ff!important;border:1px solid #c9e6ff!important;color:#176fc5!important}
body[data-theme="dark"] .export-format-control{background:#111d30!important;border-color:#2b3b54!important;color:#d5deeb!important;box-shadow:0 10px 24px #00000024!important}body[data-theme="dark"] .export-format-control.pptx-selected{background:#12345d!important;border-color:#5ecbff!important;box-shadow:0 0 0 3px #38bdf833,0 12px 28px #00000032!important}body[data-theme="dark"] .export-format-control.pdf-selected{background:#342a12!important;border-color:#f7c762!important;box-shadow:0 0 0 3px #f59e0b2e,0 12px 28px #00000032!important}body[data-theme="dark"] .export-format-badge[data-export-format="pdf"]{background:#3a2c10!important;border-color:#d99a24!important;color:#ffe0a3!important}body[data-theme="dark"] .export-format-badge[data-export-format="pptx"]{background:#12345d!important;border-color:#5ecbff!important;color:#c9f3ff!important}

/* Session A polish: theme picker is a clear three-option selector on desktop and mobile. */
.top-actions{min-width:0}.theme-segment{display:grid!important;grid-template-columns:1fr!important;gap:5px!important;width:100%;padding:5px!important;align-items:stretch!important}.theme-segment button{width:100%;min-width:0!important;min-height:30px;justify-content:flex-start!important;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:6px 26px 6px 10px!important;border:1px solid #dbe7f4!important;border-radius:8px!important;background:#fff!important;color:#435269!important;font-size:12px!important;box-shadow:0 4px 12px #12345d08!important}.theme-segment button:not(.active):hover{border-color:#8fcfff!important;background:#f3f9ff!important;color:#176fc5!important}.theme-segment button.active{border-color:#2d8cff!important;background:linear-gradient(135deg,#2d8cff,#4b5af0)!important;color:#fff!important;box-shadow:0 0 0 3px #2d8cff24,0 10px 24px #2d8cff22!important}.theme-segment button[data-theme-option="system"].active{min-width:0!important}.theme-segment button[data-theme-option="system"].active::before{height:15px;min-width:28px;font-size:8px}.theme-segment button.active::after{right:9px!important}body[data-theme="dark"] .theme-segment button{background:#111d30!important;border-color:#2b3b54!important;color:#d5deeb!important;box-shadow:0 6px 16px #0000001f!important}body[data-theme="dark"] .theme-segment button:not(.active):hover{background:#14345d!important;border-color:#4aa9e9!important;color:#9edcff!important}body[data-theme="dark"] .theme-segment button.active{background:linear-gradient(135deg,#2563eb,#4f46e5)!important;border-color:#5ecbff!important;color:#fff!important;box-shadow:0 0 0 3px #38bdf833,0 12px 28px #00000032!important}@media(max-width:780px){.top-actions{display:grid!important;grid-template-columns:1fr!important;width:100%;align-items:stretch!important}.top-actions>.shell-segment,.top-actions>.ghost,.top-actions>.compact-action{width:100%;max-width:100%}.theme-segment{grid-template-columns:1fr!important}.theme-segment button{min-height:30px}}

/* History project workspace */
.history-head{align-items:flex-end;margin-bottom:18px}.history-head .page-actions{align-items:center}.history-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:0 0 14px}.history-summary-item{display:grid;gap:4px;min-width:0;padding:14px 16px;border:1px solid #dfeaf7;border-radius:8px;background:#ffffffd9;box-shadow:0 12px 30px #1f6ec80b}.history-summary-item span{color:#64748b;font-size:12px;font-weight:900}.history-summary-item b{color:#20334c;font-size:24px;line-height:1}.history-toolbar{display:grid;grid-template-columns:minmax(260px,1.4fr) minmax(170px,.55fr) auto minmax(260px,auto) auto;align-items:end;gap:12px;margin:0 0 18px;padding:14px;border-radius:8px}.history-filter{min-width:0}.history-filter input,.history-filter select{width:100%;border-radius:8px}.history-bulk-select{border-radius:8px}.history-bulk-actions{justify-content:flex-start}.history-count{justify-self:end;white-space:nowrap}.history-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));align-items:stretch}.history-card{display:grid;grid-template-rows:auto auto auto auto 1fr auto auto;gap:10px;min-height:330px;border-radius:8px;padding:16px;box-shadow:0 14px 38px #0f5fb30e;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.history-card:hover{border-color:#b8dcff;transform:translateY(-2px);box-shadow:0 20px 46px #0f5fb318}.history-card .card-topline{margin:0}.history-card-select small{color:#64748b;font-weight:800}.project-kind{width:max-content;max-width:100%;padding:5px 9px;border:1px solid #dbeafe;border-radius:999px;background:#eff6ff;color:#1d4ed8;font-size:12px;font-weight:900;overflow-wrap:anywhere}.history-card .project-title-row h3{margin:0;font-size:18px;line-height:1.35}.history-card-facts{display:flex;gap:8px;flex-wrap:wrap;color:#536174;font-size:12px;font-weight:900}.history-card-facts span{padding:5px 8px;border:1px solid #e5edf7;border-radius:999px;background:#fbfdff}.history-primary-actions{margin-top:2px}.history-export-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center;padding-top:12px;border-top:1px solid #edf2f8}.history-export-actions a,.history-primary-actions a,.history-primary-actions button{min-height:36px}.history-empty{grid-column:1/-1;padding:28px;border:1px dashed #cbd5e1;border-radius:8px;background:#fbfdff;text-align:center}
:root[data-locale="zh-CN"] .theme-segment button[data-theme-option="system"].active::before{content:"自动"}
:root[data-theme="dark"] .history-summary-item,:root[data-theme="dark"] .history-card-facts span,:root[data-theme="dark"] .history-empty{background:#101a2bea;border-color:#26364d;color:#d5deeb}:root[data-theme="dark"] .history-summary-item b{color:#edf5ff}:root[data-theme="dark"] .project-kind{background:#10294a;border-color:#245a91;color:#9ed0ff}:root[data-theme="dark"] .history-export-actions{border-top-color:#26364d}:root[data-theme="dark"] .history-card:hover{border-color:#3b82c4}
@media(max-width:1100px){.history-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,.5fr);align-items:stretch}.history-bulk-select,.history-bulk-actions,.history-count{justify-self:stretch}.history-count{white-space:normal}}
@media(max-width:760px){.history-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.history-toolbar{grid-template-columns:1fr}.history-bulk-actions .ghost{width:100%;justify-content:center}.history-count{font-size:13px}.history-card{min-height:0}}
.history-toolbar>*{min-width:0}.history-bulk-actions{display:flex;gap:8px;flex-wrap:wrap;min-width:0}.history-bulk-actions .ghost{white-space:normal}.history-count{overflow-wrap:anywhere}
@media(max-width:1320px) and (min-width:1101px){.history-toolbar{grid-template-columns:minmax(0,1fr) minmax(150px,.45fr) minmax(132px,auto) minmax(0,auto);align-items:stretch}.history-count{grid-column:1 / -1;justify-self:start;white-space:normal}}
.settings-page,.settings-page *{min-width:0}.settings-page{width:100%;max-width:min(1240px,100%);overflow-x:hidden}.settings-stage{max-width:100%;overflow-x:hidden}.settings-titlebar,.settings-title-actions,.settings-footer-actions,.settings-section,.settings-test-card,.settings-secret-row,.settings-lazy-item,.settings-runtime-grid .status-row,.settings-truth-row{min-width:0}.settings-title-actions .ghost,.settings-return,.settings-footer-actions .ghost,.settings-footer-actions .next-btn,.settings-test{white-space:normal;overflow-wrap:anywhere}.settings-help-box,.settings-tip,.settings-section-title p,.settings-field small,.settings-truth-row small,.settings-advanced p,.settings-secret-row code,.settings-runtime-grid code{overflow-wrap:anywhere;word-break:break-word}
.settings-segmented input,.settings-toggle-row input{width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important}

/* Session A polish: material generation aspect ratios are visible selectable swatches. */
.asset-ratio-picker{display:grid;gap:10px}.asset-ratio-current{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#5d6b7c;font-size:12px;font-weight:800}.asset-ratio-current b{display:inline-flex;align-items:center;justify-content:center;min-width:48px;min-height:24px;border-radius:999px;background:#e7f3ff;border:1px solid #c9e6ff;color:#176fc5}.asset-ratio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(72px,1fr));gap:9px}.asset-ratio-option{position:relative;display:grid;justify-items:center;align-content:center;gap:6px;min-width:0;min-height:76px;padding:9px 8px;border:1px solid #dbe7f4;border-radius:9px;background:#fff;color:#42526a;cursor:pointer;box-shadow:0 8px 18px #12345d08;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease,transform .16s ease}.asset-ratio-option:hover{border-color:#8fcfff;background:#f3f9ff;color:#176fc5;transform:translateY(-1px)}.asset-ratio-option.active{border-color:#2d8cff;background:#eef7ff;color:#176fc5;box-shadow:0 0 0 3px #2d8cff22,0 14px 28px #2d8cff18}.asset-ratio-option.active::after{content:"✓";position:absolute;right:7px;top:7px;display:grid;place-items:center;width:18px;height:18px;border-radius:999px;background:#2d8cff;color:#fff;font-size:10px;font-weight:900}.asset-ratio-shape{display:block;width:min(42px,72%);max-height:30px;min-height:14px;border-radius:4px;border:2px solid currentColor;background:linear-gradient(135deg,#ffffff,#dff1ff);box-shadow:inset 0 0 0 1px #ffffffaa}.asset-ratio-label{font-size:12px;font-weight:900;line-height:1}.asset-ratio-select.sr-only:focus+.asset-ratio-picker{outline:3px solid #1f7ae0;outline-offset:3px;border-radius:10px}body[data-theme="dark"] .asset-ratio-current{color:#a8b7ca}body[data-theme="dark"] .asset-ratio-current b{background:#12345d;border-color:#5ecbff;color:#c9f3ff}body[data-theme="dark"] .asset-ratio-option{background:#111d30;border-color:#2b3b54;color:#d5deeb;box-shadow:0 8px 18px #00000020}body[data-theme="dark"] .asset-ratio-option:hover{background:#14345d;border-color:#4aa9e9;color:#9edcff}body[data-theme="dark"] .asset-ratio-option.active{background:#12345d;border-color:#5ecbff;color:#c9f3ff;box-shadow:0 0 0 3px #38bdf833,0 16px 32px #00000032}body[data-theme="dark"] .asset-ratio-option.active::after{background:#5ecbff;color:#08111f}body[data-theme="dark"] .asset-ratio-shape{background:linear-gradient(135deg,#0d1728,#174269);box-shadow:inset 0 0 0 1px #ffffff14}@media(max-width:560px){.asset-ratio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.asset-ratio-option{min-height:70px}}

/* Home flow: explicit PPT page visual generation mode. */
.visual-mode-control{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;margin-top:14px;color:#526176;font-size:13px}.visual-mode-control>span{padding-top:10px;font-weight:900;color:#334155;white-space:nowrap}.visual-mode-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-mode-options button{display:grid;align-content:start;gap:4px;min-height:70px;padding:10px 12px;border:1px solid #dce7f4;border-radius:8px;background:#fff;color:#334155;text-align:left;cursor:pointer}.visual-mode-options button b{font-size:12px;line-height:1.25}.visual-mode-options button small{color:#667085;line-height:1.35;font-size:11px}.visual-mode-options button.active{border-color:#2d8cff;background:#eef7ff;box-shadow:0 0 0 3px #2d8cff1f}.visual-mode-options button.active b{color:#176fc5}body[data-theme="dark"] .visual-mode-control>span{color:#d5deeb}body[data-theme="dark"] .visual-mode-options button{background:#111d30;border-color:#2b3b54;color:#d5deeb}body[data-theme="dark"] .visual-mode-options button small{color:#8fa3bd}body[data-theme="dark"] .visual-mode-options button.active{border-color:#5ecbff;background:#14345d}@media(max-width:900px){.visual-mode-control{grid-template-columns:1fr}.visual-mode-control>span{padding-top:0}.visual-mode-options{grid-template-columns:1fr}.visual-mode-options button{min-height:0}}

/* SlideAI-style description and preview studios */
.workflow-page[data-workflow-current-stage="descriptions"],.workflow-page[data-workflow-current-stage="visuals"]{max-width:1600px;gap:0;padding-top:0}.workflow-studio-head{display:grid;grid-template-columns:minmax(360px,auto) minmax(320px,650px) auto;align-items:center;gap:20px;min-height:82px;margin:0 -12px;padding:12px;border-bottom:1px solid #e3e8ef;background:#fff}.workflow-studio-brand,.workflow-studio-actions{display:flex;align-items:center;gap:12px;min-width:0}.workflow-studio-brand>a{display:inline-flex;align-items:center;gap:7px;color:#263244;font-weight:900;text-decoration:none;white-space:nowrap}.workflow-studio-brand>b{font-size:22px;white-space:nowrap}.workflow-studio-brand>i{width:1px;height:25px;background:#aab5c3}.workflow-studio-brand>strong{font-size:18px;white-space:nowrap}.workflow-studio-command{display:grid;grid-template-columns:20px minmax(0,1fr) 34px;align-items:center;gap:8px;height:48px;padding:0 7px 0 13px;border:1px solid #dfe5ed;border-radius:8px;background:#fff}.workflow-studio-command>svg{color:#7c3aed}.workflow-studio-command input{height:42px!important;padding:0!important;border:0!important;outline:0!important;background:transparent!important;box-shadow:none!important}.workflow-studio-command button{display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:7px;background:#eaf4ff;color:#196ac0;font-size:18px;cursor:pointer}.workflow-studio-actions{justify-content:flex-end}.workflow-studio-actions .ghost,.workflow-studio-actions .next-btn{display:inline-flex;align-items:center;gap:7px;min-height:46px;padding:0 16px;white-space:nowrap}.visual-studio-head{grid-template-columns:minmax(430px,1fr) auto}.visual-head-actions{gap:7px}.workflow-export-menu{position:relative}.workflow-export-menu>summary{list-style:none;cursor:pointer}.workflow-export-menu>summary::-webkit-details-marker{display:none}.workflow-export-menu>div{position:absolute;z-index:30;right:0;top:54px;display:grid;width:230px;padding:8px;border:1px solid #e0e6ee;border-radius:8px;background:#fff;box-shadow:0 18px 45px #17255426}.workflow-export-menu a{padding:12px 14px;border-radius:6px;color:#263244;font-weight:800;text-decoration:none}.workflow-export-menu a:hover{background:#eef6ff;color:#176fc5}
.description-studio{gap:0}.source-content-panel{display:grid;gap:12px;padding:14px 16px;border:1px solid #cfe2f5;border-radius:8px;background:#f5faff}.source-content-panel summary{display:flex;align-items:center;gap:8px;color:#24577f;font-size:13px;font-weight:900;cursor:pointer;list-style:none}.source-content-panel summary::-webkit-details-marker{display:none}.source-content-panel summary svg{width:16px;color:#2f80ed}.source-content-panel summary small{margin-left:auto;color:#6b7b8e;font-size:11px;font-weight:600}.source-content-viewer{width:100%;min-height:150px;max-height:360px;padding:12px;border:1px solid #d7e4f0;border-radius:7px;background:#fff;color:#263244;font:inherit;font-size:13px;line-height:1.65;resize:vertical}.description-studio-tools{display:flex;align-items:center;gap:16px;min-height:92px;padding:18px 0;border-bottom:1px solid #e6ebf1}.description-studio-tools>.next-btn,.description-studio-tools .outline-transfer>summary{min-height:52px;padding:0 24px}.description-completion{color:#6b7788;font-size:14px}.description-requirements{display:grid;padding:0 0 18px;border-bottom:1px solid #e6ebf1}.description-requirements>header{display:flex;align-items:center;gap:8px;min-height:48px;color:#667487;font-size:13px}.description-requirements>header b{margin-left:auto}.description-requirements textarea{min-height:126px;padding:18px 20px!important;border:1px solid #dfe5ed!important;border-radius:8px!important;background:#fff!important;font-size:16px!important}.description-requirements .outline-custom-chip{margin-top:10px}.description-studio .workflow-description-grid{padding:30px 0;background:#f7f9fc}.description-studio .workflow-description-card{padding:14px;border-color:#e2e8f0;box-shadow:0 6px 18px #17255408}.description-studio .workflow-description-card textarea{min-height:94px}.description-footer{padding-inline:0}.description-empty-state{display:grid;place-items:center;align-content:center;gap:12px;min-height:520px;background:#f8fafc;color:#8290a1;text-align:center}.description-empty-state>svg{width:56px;height:56px;color:#c4ccd6}.description-empty-state h2,.description-empty-state p{margin:0}.description-empty-state h2{color:#263244}.description-empty-state .next-btn{margin-top:10px}
.workflow-visual-stage{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0;min-height:calc(100vh - 120px);margin:0 -12px;background:#f3f8ff}.workflow-preview-sidebar{display:grid;align-content:start;gap:18px;min-width:0;padding:22px;border-right:1px solid #dfe6ee;background:#fff}.preview-batch-button{width:100%;min-height:56px;font-size:16px}.preview-multi-select{display:flex;align-items:center;gap:8px;color:#667487;font-size:13px}.preview-multi-select input{width:18px;height:18px;min-height:0}.workflow-preview-sidebar .workflow-visual-grid{display:grid;grid-template-columns:1fr;gap:10px}.workflow-preview-sidebar .workflow-visual-card{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr) 32px;align-items:center;gap:8px;padding:8px;border:1px solid #e1e7ef;border-radius:8px;background:#fff;overflow:visible}.workflow-preview-sidebar .workflow-visual-card.active{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1f}.workflow-preview-sidebar .workflow-visual-card>label{display:grid;justify-items:center;gap:4px;color:#2473bd;font-size:10px;font-weight:900}.workflow-preview-sidebar .workflow-visual-card>label input{width:16px;height:16px;min-height:0}.workflow-preview-sidebar .workflow-visual-card>button[data-workflow-visual-select]{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:10px;padding:0;border:0;background:transparent;color:#263244;text-align:left;cursor:pointer}.workflow-visual-thumb{display:grid;place-items:center;width:96px;aspect-ratio:16/9;border-radius:6px;background:#edf3f9;overflow:hidden}.workflow-visual-thumb img{width:100%;height:100%;object-fit:cover}.workflow-visual-thumb svg{color:#91a1b4}.workflow-preview-sidebar .workflow-visual-card b{font-size:12px;line-height:1.35}.preview-retry{display:grid;place-items:center;width:30px;height:30px;padding:0;border:1px solid #dfe6ee;border-radius:7px;background:#fff;color:#64748b;cursor:pointer}.workflow-preview-main{display:grid;align-content:center;justify-items:center;gap:16px;min-width:0;padding:34px}.workflow-preview-main-frame{display:grid;place-items:center;width:min(1100px,100%);aspect-ratio:16/9;border:1px solid #dce4ed;border-radius:8px;background:#fff;box-shadow:0 22px 60px #17255414;overflow:hidden}.workflow-preview-main-frame img{width:100%;height:100%;object-fit:contain}.workflow-preview-main-meta{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;width:min(1100px,100%);color:#263244}.workflow-preview-main-meta>span{display:grid;place-items:center;width:34px;height:30px;border-radius:6px;background:#eaf4ff;color:#176fc5;font-size:11px;font-weight:900}.workflow-preview-main-meta>b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.workflow-preview-main-meta>small{color:#7a8797}.preview-empty-state{width:100%;min-height:600px;background:transparent}
:root[data-theme="dark"] .workflow-studio-head,:root[data-theme="dark"] .workflow-studio-command,:root[data-theme="dark"] .description-requirements textarea,:root[data-theme="dark"] .source-content-panel,:root[data-theme="dark"] .source-content-viewer,:root[data-theme="dark"] .workflow-preview-sidebar,:root[data-theme="dark"] .workflow-preview-sidebar .workflow-visual-card,:root[data-theme="dark"] .workflow-preview-main-frame,:root[data-theme="dark"] .workflow-export-menu>div{background:#101a2b!important;border-color:#2a3a50!important;color:#dbeafe}:root[data-theme="dark"] .workflow-studio-brand>a,:root[data-theme="dark"] .workflow-studio-brand,:root[data-theme="dark"] .workflow-export-menu a,:root[data-theme="dark"] .workflow-preview-sidebar .workflow-visual-card>button,:root[data-theme="dark"] .workflow-preview-main-meta{color:#dbeafe}:root[data-theme="dark"] .source-content-panel summary,:root[data-theme="dark"] .source-content-viewer{color:#dbeafe}:root[data-theme="dark"] .description-studio .workflow-description-grid,:root[data-theme="dark"] .workflow-visual-stage{background:#0b1422}:root[data-theme="dark"] .workflow-export-menu a:hover{background:#12345d}:root[data-theme="dark"] .workflow-visual-thumb{background:#111d30}
@media(max-width:1420px){.workflow-studio-head{grid-template-columns:1fr auto}.workflow-studio-command{grid-column:1/-1;grid-row:2}.visual-studio-head{grid-template-columns:1fr}.visual-head-actions{justify-content:flex-start;flex-wrap:wrap}.workflow-visual-stage{grid-template-columns:290px minmax(0,1fr)}.workflow-preview-sidebar .workflow-visual-card>button[data-workflow-visual-select]{grid-template-columns:72px minmax(0,1fr)}.workflow-visual-thumb{width:72px}}
@media(max-width:760px){.workflow-studio-head{grid-template-columns:1fr;gap:10px}.workflow-studio-brand{flex-wrap:wrap}.workflow-studio-brand>i{display:none}.workflow-studio-brand>b{font-size:18px}.workflow-studio-command{grid-column:1;grid-row:auto}.workflow-studio-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}.workflow-studio-actions>*{width:100%;justify-content:center}.description-studio-tools{display:grid;grid-template-columns:1fr 1fr;gap:8px}.description-studio-tools>.next-btn,.description-studio-tools .outline-transfer>summary{width:100%;padding:0 10px}.description-completion{grid-column:1/-1}.workflow-visual-stage{grid-template-columns:1fr}.workflow-preview-sidebar{border-right:0;border-bottom:1px solid #dfe6ee}.workflow-preview-sidebar .workflow-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-preview-main{padding:18px}.workflow-preview-main-meta{grid-template-columns:34px minmax(0,1fr)}.workflow-preview-main-meta>small{grid-column:2}.workflow-export-menu>div{position:fixed;right:12px;left:12px;top:auto;width:auto}.description-footer{position:static}}
@media(max-width:520px){.workflow-studio-actions,.description-studio-tools,.workflow-preview-sidebar .workflow-visual-grid{grid-template-columns:1fr}.workflow-preview-sidebar .workflow-visual-card>button[data-workflow-visual-select]{grid-template-columns:82px minmax(0,1fr)}}
.asset-preview>.asset-generation-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;font-weight:800}
.editor-chart-style-controls,.editor-chart-series-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;grid-column:1/-1;padding-top:6px;border-top:1px solid #dbeafe}.editor-chart-style-controls label,.editor-chart-series-controls label{min-width:0}.editor-chart-style-controls select,.editor-chart-series-controls select{width:100%;min-width:0}
@media(max-width:560px){.editor-chart-style-controls,.editor-chart-series-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Generated material library: image-first cards with secondary metadata in a modal. */
.material-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:20px}
.material-card{display:grid;grid-template-columns:minmax(240px,58%) minmax(0,1fr);gap:18px;align-items:center;min-height:300px;padding:18px}
.material-card .material-thumb,.material-card .material-preview{width:100%;height:100%;min-height:260px;aspect-ratio:4 / 3;border-radius:12px;object-fit:contain;background:#f4f8fd}
.material-card .material-copy{display:grid;align-content:center;gap:10px;min-width:0}
.material-card .material-copy h3{display:-webkit-box;margin:0;font-size:15px;line-height:1.3;overflow:hidden;overflow-wrap:anywhere;-webkit-line-clamp:4;-webkit-box-orient:vertical}
.material-card .material-actions{margin-top:2px}
.material-card .material-actions .ghost{min-height:34px;padding:7px 10px;font-size:12px}
.material-detail-modal{width:min(1040px,100%);padding:24px}
.material-detail-grid{display:grid;grid-template-columns:minmax(300px,.95fr) minmax(0,1.05fr);gap:26px;align-items:start}
.material-detail-preview{display:grid;place-items:center;min-width:0;min-height:360px;padding:14px;border:1px solid #dbeafe;border-radius:14px;background:#f5f9ff}
.material-detail-preview .material-thumb,.material-detail-preview .material-preview{width:100%;height:100%;max-height:520px;aspect-ratio:4 / 3;object-fit:contain;border-radius:10px}
.material-detail-copy{display:grid;gap:14px;min-width:0}
.material-detail-copy h2{margin:0;font-size:20px;line-height:1.3;overflow-wrap:anywhere}
.material-detail-copy p{margin:0;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}
.material-detail-facts{display:grid;gap:8px;padding-top:14px;border-top:1px solid var(--line);color:var(--muted);font-size:13px;line-height:1.5}
.material-detail-facts h3{margin:0;color:var(--text);font-size:14px}
.material-detail-actions{margin-top:4px}
@media(max-width:1100px){.material-card{grid-template-columns:minmax(210px,52%) minmax(0,1fr)}}
@media(max-width:820px){.material-card{grid-template-columns:1fr;min-height:0}.material-card .material-thumb,.material-card .material-preview{min-height:240px}.material-detail-grid{grid-template-columns:1fr}.material-detail-preview{min-height:260px}}

/* Asset generator: keep the preview and its evidence in separate, predictable blocks. */
.tool-layout{align-items:start;min-width:0}
.tool-card,.asset-preview{min-width:0;overflow:hidden}
.asset-preview{display:grid;grid-template-rows:auto auto minmax(0,auto);gap:14px;align-content:start}
.preview-canvas{width:100%;height:clamp(280px, min(42vw, 520px), 520px);min-width:0;min-height:0;aspect-ratio:16 / 9;padding:12px;overflow:hidden;place-items:center}
.generated-asset{display:block;width:100%;height:100%;max-width:100%;max-height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:10px}
.asset-preview h2{margin:0;font-size:16px;line-height:1.3}
.asset-preview>p{margin:0;padding:11px 12px;border-radius:9px;background:#f8fafc;color:#526176;line-height:1.5;overflow-wrap:anywhere}
.asset-preview>.asset-meta{margin-top:0}
.asset-provider-evidence{margin-top:0;padding-top:12px}
@media(max-width:900px){.preview-canvas{height:min(62vw,460px)}}
@media(max-width:560px){.preview-canvas{height:min(78vw,360px);padding:8px}.asset-preview{gap:12px}}
/* Generated style templates open in a full-size preview. */
.style-generated-preview{width:100%;text-align:left;cursor:zoom-in;font:inherit}
.style-generated-preview:hover{border-color:#8cc8ff;box-shadow:0 12px 28px #2d8cff20}
.style-preview-modal{width:min(1200px,96vw);padding:18px;background:#fff}
.style-preview-modal>img{display:block;width:100%;max-height:82vh;object-fit:contain;border-radius:10px;background:#f8fafc}
/* Make the selected style chip unmistakable. */
.style-chip{position:relative;min-width:132px;justify-content:center;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.style-chip:hover{transform:translateY(-1px)}
.style-chip.active{background:#1677d9;color:#fff;border-color:#1677d9;box-shadow:0 8px 20px #1677d94d,inset 0 0 0 1px #ffffff55}
.style-chip.active span{background:#fff;box-shadow:0 0 0 3px #ffffff40}
.style-chip.active::after{content:'✓';font-size:13px;font-weight:900;margin-left:2px;color:#fff}
/* Final selected-chip override: keep the active choice visibly lit. */
.style-chip.style-chip.active{background:#1677d9!important;color:#fff!important;border-color:#1677d9!important;box-shadow:0 8px 20px #1677d94d,inset 0 0 0 1px #ffffff55!important}
.style-chip.style-chip.active span{background:#fff!important;box-shadow:0 0 0 3px #ffffff40!important}
.style-chip.style-chip.active::after{content:'✓';font-size:13px;font-weight:900;margin-left:2px;color:#fff!important}
.reference-dropzone{display:flex;align-items:center;gap:9px;margin:0 12px 10px;padding:10px 13px;border:1px dashed #a9c9e8;border-radius:10px;background:#f8fbff;color:#526176;font-size:12px;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}
.reference-dropzone .ui-icon{width:16px;height:16px;color:#2387ff;flex:0 0 auto}
.reference-dropzone b{color:#2f5f8f}.reference-dropzone span{color:#8494a8}.reference-dropzone.drag-active,.reference-dropzone:focus-visible{border-color:#1677d9;background:#eaf4ff;box-shadow:0 0 0 3px #2d8cff22;outline:none}
@media(max-width:560px){.reference-dropzone{align-items:flex-start;flex-wrap:wrap}.reference-dropzone span{width:100%;padding-left:25px}}
.local-reference-picker{margin:0 12px 10px;border:1px solid #dbe8f5;border-radius:10px;background:#fbfdff;overflow:hidden}
.local-reference-picker>summary{display:flex;align-items:center;gap:9px;min-height:48px;padding:8px 12px;cursor:pointer;list-style:none}
.local-reference-picker>summary::-webkit-details-marker{display:none}
.local-reference-picker>summary:focus-visible{outline:2px solid #2d8cff;outline-offset:-2px}
.local-reference-summary-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#eaf4ff;color:#2387ff;flex:0 0 auto}
.local-reference-summary-icon .ui-icon{width:15px;height:15px}
.local-reference-summary-copy{display:grid;gap:2px;min-width:0;flex:1}
.local-reference-summary-copy b{color:#2f5f8f;font-size:12px}
.local-reference-summary-copy small{color:#8494a8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.local-reference-picker-body{display:grid;gap:9px;padding:0 12px 11px;border-top:1px solid #e8f0f8}
.local-reference-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:7px;padding-top:10px}
.local-reference-option{display:flex;align-items:flex-start;gap:8px;min-width:0;padding:8px;border:1px solid #e3edf7;border-radius:8px;background:#fff;cursor:pointer}
.local-reference-option:hover{border-color:#9ccfff;background:#f7fbff}
.local-reference-option input{margin-top:2px;accent-color:#2387ff;flex:0 0 auto}
.local-reference-option-copy{display:grid;gap:2px;min-width:0}
.local-reference-option-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#263c56;font-size:12px}
.local-reference-option-copy small{color:#8494a8;font-size:10px}
.local-reference-empty{margin:10px 0 0;color:#8494a8;font-size:12px}
.local-reference-manage{display:inline-flex;align-items:center;gap:6px;width:max-content;color:#2374bd;font-size:11px;font-weight:800;text-decoration:none}
.local-reference-manage:hover{text-decoration:underline}
.local-reference-manage .ui-icon{width:14px;height:14px}
body[data-theme="dark"] .local-reference-picker{border-color:#29425f;background:#0d1b2d}
body[data-theme="dark"] .local-reference-picker>summary{background:#0d1b2d}
body[data-theme="dark"] .local-reference-picker-body{border-top-color:#29425f}
body[data-theme="dark"] .local-reference-option{border-color:#29425f;background:#101f33}
body[data-theme="dark"] .local-reference-option:hover{border-color:#4c9bdb;background:#142943}
body[data-theme="dark"] .local-reference-summary-copy b,body[data-theme="dark"] .local-reference-option-copy b{color:#d7eaff}
/* OCR/inpaint previews keep the repaired background and restore native text on top. */
.workflow-preview-main-frame{position:relative}
.workflow-text-repair-overlay{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.workflow-text-repair-item{position:absolute;display:block;overflow:hidden;padding:0 4px;white-space:pre-wrap;line-height:1.18;text-align:left;text-shadow:0 1px 2px #0006}
.workflow-text-repair-overlay.compact .workflow-text-repair-item{padding:0 1px;line-height:1.05;text-shadow:0 1px 1px #0008}

/* Advanced editor: image-first filmstrip navigation and visual version history. */
.slide-editor-shell{grid-template-columns:236px minmax(0,1fr) 320px;gap:16px}.slide-thumbnail-rail{gap:12px;padding:12px 10px 14px;border-radius:12px;background:linear-gradient(180deg,#ffffff 0%,#f7faff 100%);box-shadow:0 18px 46px #173b6812}.rail-title{padding:0 4px;color:#44556c;font-size:12px;letter-spacing:.04em;text-transform:none}.rail-title b{min-width:30px;height:24px;background:#e7f2ff;color:#176fc5}.slide-thumb-list{gap:11px}.slide-thumb-item{position:relative;display:grid;grid-template-columns:1fr;grid-template-areas:"mini" "title" "note" "tag";gap:5px;padding:7px 7px 9px;border-color:#dfe9f5;border-radius:11px;background:#fff;box-shadow:0 8px 18px #163c6708;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.slide-thumb-item:hover,.slide-thumb-item:focus-visible{transform:translateY(-1px);border-color:#83c4ff;background:#fff;box-shadow:0 12px 28px #2387ff17}.slide-thumb-item.active{border-color:#2d8cff;background:#f8fbff;box-shadow:0 0 0 3px #2d8cff1c,0 14px 30px #173b6814}.slide-thumb-number{position:absolute;z-index:3;left:12px;top:12px;width:25px;height:25px;border:1px solid #ffffffaa;border-radius:8px;background:#142238d9;color:#fff;box-shadow:0 5px 14px #07142642;backdrop-filter:blur(8px)}.slide-thumb-mini{position:relative;grid-area:mini;width:100%;aspect-ratio:16/9;padding:0;border:1px solid #d8e4f1;border-radius:8px;background:linear-gradient(145deg,#edf5fd,#dceafb);overflow:hidden}.slide-thumb-mini.has-preview{background:#0d1728}.slide-thumb-mini img{display:block;width:100%;height:100%;object-fit:cover}.slide-thumb-placeholder{display:grid;width:100%;height:100%;grid-template-columns:1.15fr .85fr;grid-template-rows:1fr 1fr;gap:4px;padding:8px}.slide-thumb-placeholder i{display:block;border-radius:4px;background:#b6d8ff}.slide-thumb-placeholder i:first-child{grid-row:1/-1;background:#82bdf9}.slide-thumb-item b{display:-webkit-box;grid-area:title;padding:1px 2px 0;overflow:hidden;font-size:12px;line-height:1.35;white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical}.slide-thumb-item small{grid-area:note;padding:0 2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.slide-thumb-item em{grid-area:tag;margin-left:2px;padding:3px 7px;background:#e9f8f2;color:#10805c;font-size:10px}.slide-thumb-item.active em{background:#e5f1ff;color:#176fc5}.slide-thumbnail-rail::-webkit-scrollbar,.image-version-list::-webkit-scrollbar{width:8px;height:8px}.slide-thumbnail-rail::-webkit-scrollbar-thumb,.image-version-list::-webkit-scrollbar-thumb{border:2px solid transparent;border-radius:999px;background:#91a4b9;background-clip:padding-box}
.editor-page-card>label{gap:6px;color:#334155;font-size:12px;font-weight:850}.editor-field-hint{display:block;margin-top:-2px;color:#7b8a9e;font-size:11px;font-weight:500;line-height:1.5}.editor-description-field{padding:11px 12px;border:1px solid #dbe9f7;border-radius:10px;background:linear-gradient(180deg,#f8fbff,#f3f8fe)}.editor-description-field textarea{background:#fff!important}.standard-image-panel{border-radius:12px}.image-version-list{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(132px,1fr);gap:9px;padding:3px 1px 7px;overflow-x:auto;overscroll-behavior-inline:contain}.image-version-card{display:grid;grid-template-columns:1fr;gap:6px;min-width:0;padding:6px;border:1px solid #dbe6f2;border-radius:10px;background:#fff;color:#334155;text-align:left;cursor:pointer;box-shadow:0 7px 18px #163c6708;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-version-card:hover:not(:disabled){transform:translateY(-1px);border-color:#83c4ff;box-shadow:0 10px 24px #2387ff16}.image-version-card.active{border-color:#2d8cff;box-shadow:0 0 0 3px #2d8cff1c,0 10px 24px #2387ff18}.image-version-card.fallback{border-style:dashed;border-color:#e1b66c;background:#fffaf1}.image-version-card:disabled{cursor:not-allowed;opacity:.55}.image-version-thumb{display:block;width:100%;aspect-ratio:16/9;border-radius:7px;background:#eaf1f8;overflow:hidden}.image-version-thumb img{display:block;width:100%;height:100%;object-fit:cover}.image-version-thumb i{display:block;width:100%;height:100%;background:linear-gradient(135deg,#eef4fa,#dbe7f2)}.image-version-copy{display:grid;gap:1px;padding:0 2px 2px}.image-version-copy b{font-size:11px;line-height:1.3}.image-version-copy small{overflow:hidden;color:#75859a;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.image-version-card.fallback .image-version-copy small{color:#a36a16}.image-version-card.active .image-version-copy b{color:#176fc5}
body[data-theme="dark"] .slide-thumbnail-rail{background:linear-gradient(180deg,#101a2b,#0d1728)!important;border-color:#2a3a50!important}body[data-theme="dark"] .slide-thumb-item,body[data-theme="dark"] .image-version-card{background:#101a2b!important;border-color:#2a3a50!important;color:#e5edf8!important}body[data-theme="dark"] .slide-thumb-item.active,body[data-theme="dark"] .image-version-card.active{border-color:#5eb9ff!important;background:#10233d!important;box-shadow:0 0 0 3px #38bdf824!important}body[data-theme="dark"] .editor-description-field{border-color:#2a4262;background:linear-gradient(180deg,#10233d,#0d192b)}body[data-theme="dark"] .editor-field-hint,body[data-theme="dark"] .image-version-copy small{color:#9aaac0}body[data-theme="dark"] .image-version-card.fallback{border-color:#9d7437!important;background:#211b12!important}
@media(max-width:1280px) and (min-width:901px){.slide-editor-shell{grid-template-columns:210px minmax(0,1fr)}}
@media(max-width:900px){.slide-editor-shell{grid-template-columns:1fr}.slide-thumb-item{min-width:214px}.slide-thumb-mini{width:100%}.image-version-list{grid-auto-columns:minmax(124px,38vw)}}

/* Real thumbnail images must escape the placeholder Grid's two-column layout. */
.slide-thumb-mini.has-preview{display:block;grid-template-columns:none;grid-template-rows:none;gap:0;padding:0}
.slide-thumb-mini.has-preview img{grid-column:1/-1;grid-row:1/-1}
/* Custom material aspect ratio: compact, precise, and visually continuous with preset swatches. */
.help-pagination{display:flex;align-items:center;gap:12px;min-height:58px;padding:10px 14px;border:1px solid #dfe9f5;border-radius:12px;background:#fff;box-shadow:0 12px 34px #12345d0b}.help-pagination-label{color:#1f78c5;font-size:12px;font-weight:900;white-space:nowrap}.help-pagination-track{display:flex;gap:5px}.help-pagination-track i{display:block;width:28px;height:5px;border-radius:999px;background:#dbe8f5}.help-pagination-track i.active{background:#2d8cff}.help-pagination-hint{min-width:0;flex:1;color:#6b7b8f;font-size:12px}.help-pagination .next-btn,.help-pagination .ghost,.help-api-footer .ghost,.help-api-footer .next-btn{display:inline-flex;align-items:center;gap:7px;min-height:40px;white-space:nowrap}.help-pagination .ui-icon,.help-api-footer .ui-icon{width:15px;height:15px}.help-api-page{gap:18px}.help-api-progress{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #dbeafe;border-radius:10px;background:#f5faff;color:#2d6f9f;font-size:12px}.help-api-progress>b{flex:1;font-weight:700;color:#58748e}.help-api-progress-bar{display:flex;gap:5px}.help-api-progress-bar i{display:block;width:50px;height:5px;border-radius:999px;background:#d8e7f5}.help-api-progress-bar i.active{background:#2d8cff}.help-api-steps,.help-api-troubleshooting{padding:24px}.help-api-steps .help-section-heading,.help-api-models .help-section-heading,.help-api-safety .help-section-heading{align-items:flex-start}.help-section-heading>div{min-width:0}.help-section-heading>div>p{margin:4px 0 0;color:#6b7b8f;font-size:13px;line-height:1.6}.help-api-step-list{display:grid;gap:0;margin:20px 0 0;padding:0;list-style:none}.help-api-step-list li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;align-items:start;padding:14px 0;border-top:1px solid #e5edf6}.help-api-step-list li>span{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#2d8cff;color:#fff;font-size:12px;font-weight:900}.help-api-step-list h3{margin:1px 0 4px;color:#263b56;font-size:14px}.help-api-step-list p{margin:0;color:#5d7188;font-size:13px;line-height:1.6}.help-api-model-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px}.help-api-model-card{display:grid;grid-template-columns:40px minmax(0,1fr);gap:12px;padding:16px;border:1px solid #dfe9f5;border-radius:10px;background:#fbfdff}.help-api-model-card.text-model{border-top:3px solid #2d8cff}.help-api-model-card.image-model{border-top:3px solid #13a78b}.help-api-model-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:9px;background:#eaf4ff;color:#2387ff}.image-model .help-api-model-icon{background:#e8faf5;color:#07956f}.help-api-model-icon .ui-icon{width:18px;height:18px}.help-api-model-card h3{margin:1px 0 5px;color:#2a405c;font-size:14px}.help-api-model-card p{margin:0;color:#65778d;font-size:12px;line-height:1.6}.help-api-model-card code{display:block;margin-top:10px;color:#3774a2;font-size:10px;line-height:1.5;overflow-wrap:anywhere}.help-api-optional{display:flex;gap:9px;align-items:flex-start;margin-top:14px;padding:12px 14px;border-left:3px solid #7c9cff;background:#f6f8ff;color:#466080}.help-api-optional>.ui-icon{width:16px;height:16px;color:#587cf2;flex:0 0 auto}.help-api-optional b{display:block;color:#38557b;font-size:12px}.help-api-optional p{margin:4px 0 0;font-size:12px;line-height:1.6}.help-api-safety-grid,.help-api-trouble-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.help-api-safety-grid article,.help-api-trouble-grid article{padding:14px;border:1px solid #e0eaf5;border-radius:9px;background:#fbfdff}.help-api-safety-grid article>span{color:#2d8cff;font-size:11px;font-weight:900}.help-api-safety-grid p{margin:7px 0 0;color:#5f7288;font-size:12px;line-height:1.6}.help-api-trouble-grid h3{margin:0 0 6px;color:#2d4766;font-size:13px}.help-api-trouble-grid p{margin:0;color:#66798e;font-size:12px;line-height:1.6}.help-api-footer{display:flex;justify-content:space-between;gap:10px}body[data-theme="dark"] .help-pagination,body[data-theme="dark"] .help-api-model-card,body[data-theme="dark"] .help-api-safety-grid article,body[data-theme="dark"] .help-api-trouble-grid article{background:#0d1728;border-color:#29425f}body[data-theme="dark"] .help-api-progress{background:#102946;border-color:#31557c;color:#a9d9ff}body[data-theme="dark"] .help-api-progress>b,body[data-theme="dark"] .help-section-heading>div>p,body[data-theme="dark"] .help-api-step-list p,body[data-theme="dark"] .help-api-model-card p,body[data-theme="dark"] .help-api-safety-grid p,body[data-theme="dark"] .help-api-trouble-grid p{color:#a8b7ca}body[data-theme="dark"] .help-api-step-list li{border-color:#263d59}body[data-theme="dark"] .help-api-step-list h3,body[data-theme="dark"] .help-api-model-card h3,body[data-theme="dark"] .help-api-trouble-grid h3{color:#dceaff}body[data-theme="dark"] .help-api-model-card code{color:#9ed0ff}body[data-theme="dark"] .help-api-optional{background:#102946;color:#cfe8ff}body[data-theme="dark"] .help-api-optional b{color:#b8dcff}@media(max-width:900px){.help-api-model-grid,.help-api-safety-grid,.help-api-trouble-grid{grid-template-columns:1fr}.help-pagination{flex-wrap:wrap}.help-pagination-hint{flex-basis:calc(100% - 48px);order:4}.help-pagination .next-btn,.help-pagination .ghost{margin-left:auto}}@media(max-width:560px){.help-api-progress{align-items:flex-start;flex-wrap:wrap}.help-api-progress>b{flex-basis:100%;order:3}.help-api-progress-bar{margin-left:auto}.help-api-steps,.help-api-troubleshooting{padding:17px}.help-api-step-list li{grid-template-columns:30px minmax(0,1fr);gap:9px}.help-api-step-list li>span{width:27px;height:27px}.help-api-footer{flex-direction:column}.help-api-footer .ghost,.help-api-footer .next-btn{width:100%;justify-content:center}.help-api-model-card{grid-template-columns:34px minmax(0,1fr);padding:13px}.help-api-model-icon{width:31px;height:31px}.help-pagination{padding:10px}.help-pagination .next-btn,.help-pagination .ghost{width:100%;justify-content:center;margin-left:0}}
.asset-ratio-custom-shape{display:flex;align-items:center;justify-content:center;gap:3px;width:46px;height:30px;border:2px dashed currentColor;border-radius:6px;background:#f8fbff;font-size:9px;font-weight:900}.asset-ratio-custom-shape i{display:grid;place-items:center;width:14px;height:14px;border-radius:3px;background:#dff1ff;font-style:normal}.asset-ratio-custom-shape b{font-size:13px}.asset-custom-ratio-panel{display:grid;gap:8px;padding:12px 14px;border:1px solid #b9dcff;border-radius:10px;background:#f4f9ff;box-shadow:inset 3px 0 #2d8cff}.asset-custom-ratio-fields{display:grid;grid-template-columns:minmax(92px,150px) auto minmax(92px,150px) minmax(54px,1fr);align-items:end;gap:10px}.asset-custom-ratio-fields>label{display:grid;gap:5px;color:#526176;font-size:11px;font-weight:900}.asset-custom-ratio-fields input{width:100%;height:38px;border-color:#b9d5f3;background:#fff;font-size:14px;font-weight:900;text-align:center}.asset-custom-ratio-fields>b{align-self:end;padding-bottom:8px;color:#176fc5;font-size:20px}.asset-custom-ratio-preview{justify-self:end;display:block;width:52px;max-height:42px;min-height:12px;border:2px solid #2d8cff;border-radius:5px;background:linear-gradient(135deg,#fff,#dff1ff)}.asset-custom-ratio-panel small{color:#64748b;font-size:11px}.asset-custom-ratio-panel.invalid{border-color:#ef4444;background:#fff5f5;box-shadow:inset 3px 0 #dc2626}.asset-custom-ratio-panel.invalid small{color:#b91c1c}body[data-theme="dark"] .asset-ratio-custom-shape{background:#0d1728}body[data-theme="dark"] .asset-ratio-custom-shape i{background:#174269}body[data-theme="dark"] .asset-custom-ratio-panel{border-color:#31557c;background:#10233d;box-shadow:inset 3px 0 #5ecbff}body[data-theme="dark"] .asset-custom-ratio-fields>label,body[data-theme="dark"] .asset-custom-ratio-panel small{color:#b9c7d8}body[data-theme="dark"] .asset-custom-ratio-fields input{border-color:#31557c;background:#0d1728;color:#f8fafc}body[data-theme="dark"] .asset-custom-ratio-preview{border-color:#5ecbff;background:linear-gradient(135deg,#0d1728,#174269)}@media(max-width:560px){.asset-custom-ratio-fields{grid-template-columns:1fr auto 1fr}.asset-custom-ratio-preview{grid-column:1/-1;justify-self:start}}
.help-page{display:grid;gap:22px;max-width:1240px;margin:0 auto;padding-bottom:30px}.help-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:26px 0 4px}.help-hero h1{margin:15px 0 9px;color:#18263b;font-size:38px;line-height:1.12;letter-spacing:0}.help-hero p{max-width:760px;margin:0;color:#5d6b7c;font-size:15px;line-height:1.75}.help-hero-actions{display:flex;gap:10px;align-items:center;flex:0 0 auto}.help-hero-actions .ghost,.help-hero-actions .next-btn{min-height:42px}.help-guide,.help-privacy-band,.help-questions{border:1px solid #dfe9f5;border-radius:14px;background:#fff;box-shadow:0 18px 52px #12345d0d}.help-guide{padding:24px}.help-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:20px;border-bottom:1px solid #edf2f7}.help-guide-head h2,.help-section-heading h2{margin:4px 0 5px;color:#20324b;font-size:22px;line-height:1.25;letter-spacing:0}.help-guide-head p{margin:0;color:#6b7a8d;font-size:13px}.section-kicker{display:inline-flex;align-items:center;justify-content:center;min-width:32px;min-height:22px;color:#1d77c9;font-size:11px;font-weight:900;letter-spacing:.08em}.help-guide-note{display:inline-flex;align-items:center;gap:7px;padding:8px 10px;border:1px solid #dbeafe;border-radius:8px;background:#f5faff;color:#3671a4;font-size:12px;font-weight:800;white-space:nowrap}.help-guide-note .ui-icon{width:15px;height:15px;color:#2387ff}.help-task-layout{display:grid;grid-template-columns:minmax(250px,34%) minmax(0,1fr);gap:20px;padding-top:20px}.help-task-nav{display:grid;align-content:start;gap:8px}.help-task-button{position:relative;display:grid;grid-template-columns:32px minmax(0,1fr);grid-template-areas:"icon copy" "icon badge";align-items:start;gap:2px 10px;width:100%;min-width:0;padding:12px 13px;border:1px solid #e2eaf4;border-radius:9px;background:#fff;color:#334155;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.help-task-button:hover{border-color:#93c9f7;background:#f8fbff;transform:translateY(-1px)}.help-task-button.active{border-color:#2d8cff;background:#eef7ff;box-shadow:0 0 0 3px #2d8cff1d}.help-task-icon{grid-area:icon;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf6ff;color:#2584d2}.help-task-button.active .help-task-icon{background:#2d8cff;color:#fff}.help-task-icon .ui-icon{width:16px;height:16px}.help-task-button b{grid-area:copy;min-width:0;color:#263b56;font-size:13px;line-height:1.3}.help-task-button small{grid-area:badge;min-width:0;overflow:hidden;color:#7c8b9e;font-size:11px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}.help-task-button em{position:absolute;right:10px;top:10px;max-width:42%;padding:3px 6px;border-radius:999px;background:#f1f7fd;color:#3a78aa;font-size:10px;font-style:normal;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.help-task-detail{min-width:0;padding:22px;border:1px solid #e1eaf4;border-radius:10px;background:#fbfdff}.help-detail-top{display:flex;justify-content:space-between;gap:16px}.help-detail-badge{display:inline-flex;padding:4px 8px;border-radius:999px;background:#e9f5ff;color:#2174b7;font-size:11px;font-weight:900}.help-detail-top h3{margin:10px 0 5px;color:#1e324d;font-size:23px;line-height:1.25}.help-detail-top p{margin:0;color:#6b7b8f;line-height:1.55}.help-detail-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:#eaf4ff;color:#2387ff;flex:0 0 auto}.help-detail-icon .ui-icon{width:23px;height:23px}.help-detail-input{margin-top:20px;padding:13px 15px;border-left:3px solid #2d8cff;background:#f2f8ff}.help-detail-input>span{display:block;color:#3b78aa;font-size:11px;font-weight:900}.help-detail-input p{margin:6px 0 0;color:#40536b;font-size:13px;line-height:1.65}.help-step-list{display:grid;gap:10px;margin-top:20px}.help-step-title{display:flex;align-items:center;gap:7px;color:#273d58;font-size:13px}.help-step-title .ui-icon{width:15px;height:15px;color:#2387ff}.help-step{display:grid;grid-template-columns:26px minmax(0,1fr);gap:9px;align-items:start}.help-step>span{display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#eaf4ff;color:#1f78c5;font-size:11px;font-weight:900}.help-step p{margin:2px 0 0;color:#42556e;font-size:13px;line-height:1.55}.help-result{display:grid;gap:6px;margin-top:20px;padding-top:15px;border-top:1px solid #e1eaf4}.help-result>span{display:flex;align-items:center;gap:7px;color:#147f62;font-size:12px}.help-result .ui-icon{width:15px;height:15px}.help-result p{margin:0;color:#49617b;font-size:13px;line-height:1.6}.help-privacy-band,.help-questions{padding:24px}.help-section-heading{display:flex;align-items:center;gap:8px;margin-bottom:16px}.help-section-heading h2{margin:0}.help-privacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.help-privacy-grid article{padding:15px;border:1px solid #e2eaf4;border-radius:9px;background:#fbfdff}.help-privacy-grid article>span{color:#2d8cff;font-size:11px;font-weight:900}.help-privacy-grid h3{margin:8px 0 5px;color:#2b405d;font-size:14px}.help-privacy-grid p{margin:0;color:#6b7b8f;font-size:12px;line-height:1.6}.help-question-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-question-grid details{border:1px solid #e2eaf4;border-radius:8px;background:#fbfdff}.help-question-grid summary{display:flex;align-items:center;gap:8px;padding:13px 14px;color:#334b67;cursor:pointer;list-style:none;font-size:13px}.help-question-grid summary::-webkit-details-marker{display:none}.help-question-grid summary .ui-icon{width:15px;height:15px;color:#2387ff;flex:0 0 auto}.help-question-grid summary span{margin-left:auto;color:#7290ad;font-size:18px;font-weight:400}.help-question-grid details[open] summary span{transform:rotate(45deg)}.help-question-grid details p{margin:0;padding:0 14px 14px 37px;color:#6b7b8f;font-size:12px;line-height:1.6}
.quick-start-card{width:min(760px,100%);padding:0;overflow:hidden;display:flex;flex-direction:column}.quick-start-body{min-height:0;overflow:auto;padding:30px}.quick-start-heading{max-width:630px;padding-right:28px}.quick-start-heading h2{margin:13px 0 7px;color:#1c2d46;font-size:30px;line-height:1.2;letter-spacing:0}.quick-start-heading p{margin:0;color:#687a90;line-height:1.65}.quick-start-steps{display:grid;gap:10px;margin:24px 0 0;padding:0;list-style:none}.quick-start-step{display:grid;grid-template-columns:34px 34px minmax(0,1fr);gap:10px;align-items:start;padding:13px 0;border-top:1px solid #e8eef5}.quick-start-number{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#1f7ae0;color:#fff;font-size:11px;font-weight:900}.quick-start-icon{display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#edf6ff;color:#2387ff}.quick-start-icon .ui-icon{width:16px;height:16px}.quick-start-step-copy{display:grid;gap:3px;min-width:0}.quick-start-step-copy>b{color:#263b56;font-size:14px}.quick-start-step-copy>span{color:#5e7087;font-size:12px;line-height:1.5}.quick-start-step-copy>em{color:#2f75a7;font-size:11px;font-style:normal;line-height:1.5}.quick-start-outcome{display:flex;gap:10px;margin-top:14px;padding:13px;border:1px solid #cfe6ff;border-radius:9px;background:#f2f8ff;color:#3d6285}.quick-start-outcome-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#dceeff;color:#2387ff;flex:0 0 auto}.quick-start-outcome-icon .ui-icon{width:15px;height:15px}.quick-start-outcome>span:last-child{display:grid;gap:3px;min-width:0}.quick-start-outcome b{font-size:12px;color:#256392}.quick-start-outcome>span:last-child>span{font-size:12px;line-height:1.55}.quick-start-reference-note{display:grid;gap:3px;margin-top:12px;padding-left:2px;color:#6b7b8f}.quick-start-reference-note>span{display:flex;align-items:center;gap:6px;color:#64748b;font-size:12px}.quick-start-reference-note .ui-icon{width:14px;height:14px;color:#2387ff}.quick-start-reference-note p{margin:0 0 0 20px;font-size:11px;line-height:1.5}.quick-start-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:0;padding:14px 30px 22px;border-top:1px solid #e8eef5;background:#fff}.quick-start-actions .next-btn{min-height:42px}body[data-theme="dark"] .help-hero h1,body[data-theme="dark"] .help-guide-head h2,body[data-theme="dark"] .help-section-heading h2,body[data-theme="dark"] .help-detail-top h3,body[data-theme="dark"] .quick-start-heading h2{color:#edf5ff}body[data-theme="dark"] .help-hero p,body[data-theme="dark"] .help-guide-head p,body[data-theme="dark"] .help-detail-top p,body[data-theme="dark"] .help-detail-input p,body[data-theme="dark"] .help-step p,body[data-theme="dark"] .help-result p,body[data-theme="dark"] .help-privacy-grid p,body[data-theme="dark"] .help-question-grid details p,body[data-theme="dark"] .quick-start-heading p,body[data-theme="dark"] .quick-start-step-copy>span,body[data-theme="dark"] .quick-start-reference-note p{color:#a8b7ca}body[data-theme="dark"] .help-guide,body[data-theme="dark"] .help-privacy-band,body[data-theme="dark"] .help-questions{background:#101a2b;border-color:#263d59;box-shadow:0 24px 70px #00000032}body[data-theme="dark"] .help-guide-head,body[data-theme="dark"] .help-result,body[data-theme="dark"] .quick-start-step{border-color:#263d59}body[data-theme="dark"] .help-task-button,body[data-theme="dark"] .help-task-detail,body[data-theme="dark"] .help-privacy-grid article,body[data-theme="dark"] .help-question-grid details{background:#0d1728;border-color:#29425f}body[data-theme="dark"] .help-task-button b,body[data-theme="dark"] .help-step-title,body[data-theme="dark"] .help-privacy-grid h3,body[data-theme="dark"] .help-question-grid summary,body[data-theme="dark"] .quick-start-step-copy>b{color:#dceaff}body[data-theme="dark"] .help-task-button.active{background:#12345d;border-color:#5ecbff}body[data-theme="dark"] .help-detail-input{background:#102946}body[data-theme="dark"] .quick-start-card{background:#101a2b;border-color:#29425f}body[data-theme="dark"] .quick-start-actions{background:#101a2b;border-color:#263d59}body[data-theme="dark"] .quick-start-outcome{background:#102946;border-color:#245f9d;color:#cfe8ff}@media(max-width:900px){.help-hero{align-items:flex-start;flex-direction:column}.help-hero-actions{width:100%}.help-hero-actions .ghost,.help-hero-actions .next-btn{flex:1}.help-task-layout{grid-template-columns:1fr}.help-task-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.help-privacy-grid{grid-template-columns:1fr}.help-question-grid{grid-template-columns:1fr}}@media(max-width:560px){.help-page{gap:16px}.help-guide,.help-privacy-band,.help-questions{padding:17px}.help-guide-head{flex-direction:column}.help-guide-note{white-space:normal}.help-task-nav{grid-template-columns:1fr}.help-task-detail{padding:16px}.help-detail-top h3{font-size:20px}.help-detail-icon{width:40px;height:40px}.quick-start-body{padding:22px 18px}.quick-start-heading h2{font-size:25px}.quick-start-actions{flex-direction:column-reverse;padding:14px 18px 18px}.quick-start-actions .ghost,.quick-start-actions .next-btn{width:100%}}
.help-api-supabase{display:grid;gap:14px;margin-top:14px;padding:17px;border:1px solid #cfe1f3;border-radius:11px;background:#f7fbff}.help-api-supabase-head,.help-api-scxai-head,.help-api-image-providers-head{display:flex;align-items:flex-start;gap:11px}.help-api-supabase-icon,.help-api-scxai-icon,.help-api-image-providers-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#e7f3ff;color:#2379c9;flex:0 0 auto}.help-api-scxai-icon{background:#fff3df;color:#c97818}.help-api-image-providers-icon{background:#e8faf5;color:#078d6b}.help-api-supabase-icon .ui-icon,.help-api-scxai-icon .ui-icon,.help-api-image-providers-icon .ui-icon{width:17px;height:17px}.help-api-supabase h3,.help-api-scxai h3,.help-api-image-providers h3{margin:1px 0 4px;color:#28415e;font-size:14px}.help-api-supabase p,.help-api-scxai p,.help-api-image-providers p{margin:0;color:#61758b;font-size:12px;line-height:1.6}.help-api-supabase-fields{display:grid;gap:5px;padding:11px 12px;border-left:3px solid #2d8cff;background:#eef7ff}.help-api-supabase-fields code,.help-api-provider-fields code{color:#2c6c9b;font-size:11px;line-height:1.55;overflow-wrap:anywhere}.help-api-supabase-fields span{color:#5c7085;font-size:11px;line-height:1.55}.help-api-supabase-actions{display:flex;flex-wrap:wrap;gap:9px}.help-api-supabase-actions a,.help-api-supabase-actions button{display:inline-flex;align-items:center;gap:7px;min-height:38px}.help-api-supabase-actions .ui-icon{width:15px;height:15px}.help-api-scxai{display:grid;gap:14px;margin-top:14px;padding:17px;border:1px solid #f0dcbf;border-radius:11px;background:#fffaf2}.help-api-scxai-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.help-api-scxai-grid>div{display:grid;gap:6px;min-width:0;padding:11px 12px;border:1px solid #f1e3cf;border-radius:8px;background:#fff}.help-api-scxai-grid span{color:#8a6a3c;font-size:11px;font-weight:900}.help-api-scxai-grid code{color:#78592d;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.help-api-scxai-tip{padding-top:2px!important;color:#806842!important}.help-api-image-providers{display:grid;gap:14px;margin-top:14px;padding:17px;border:1px solid #cce9df;border-radius:11px;background:#f6fcfa}.help-api-provider-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.help-api-provider-card{display:grid;gap:7px;min-width:0;padding:13px;border:1px solid #d9ebe5;border-radius:9px;background:#fff}.help-api-provider-card.scxai-provider{border-top:3px solid #2d8cff}.help-api-provider-card.wuyin-provider{border-top:3px solid #13a78b}.help-api-provider-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.help-api-provider-title b{color:#29435e;font-size:13px}.help-api-provider-title span{color:#5c9c87;font-size:10px;font-weight:900}.help-api-provider-card p{color:#64788c}.help-api-provider-card code{color:#34795f;font-size:11px;line-height:1.5;overflow-wrap:anywhere}.help-api-provider-card small{color:#6a8290;font-size:10px;line-height:1.45}.help-api-provider-fields{display:grid;gap:5px;padding:11px 12px;border-left:3px solid #13a78b;background:#e9f8f2}.help-api-provider-fields p{color:#547568}.help-api-provider-fields code{color:#27745e}body[data-theme="dark"] .help-api-supabase{background:#10243a;border-color:#31557c}body[data-theme="dark"] .help-api-scxai{background:#302517;border-color:#725b38}body[data-theme="dark"] .help-api-image-providers{background:#102c28;border-color:#286454}body[data-theme="dark"] .help-api-supabase h3,body[data-theme="dark"] .help-api-scxai h3,body[data-theme="dark"] .help-api-image-providers h3,body[data-theme="dark"] .help-api-provider-title b{color:#dceaff}body[data-theme="dark"] .help-api-supabase p,body[data-theme="dark"] .help-api-scxai p,body[data-theme="dark"] .help-api-image-providers p,body[data-theme="dark"] .help-api-supabase-fields span,body[data-theme="dark"] .help-api-provider-card small{color:#a8b7ca}body[data-theme="dark"] .help-api-supabase-fields{background:#102946}body[data-theme="dark"] .help-api-scxai-grid>div,body[data-theme="dark"] .help-api-provider-card{background:#0d1728;border-color:#29425f}body[data-theme="dark"] .help-api-scxai-grid span{color:#edc783}body[data-theme="dark"] .help-api-scxai-grid code{color:#f2d89f}body[data-theme="dark"] .help-api-provider-fields{background:#123d35}body[data-theme="dark"] .help-api-provider-fields p{color:#b5d9cd}@media(max-width:900px){.help-api-scxai-grid,.help-api-provider-grid{grid-template-columns:1fr}}@media(max-width:560px){.help-api-supabase,.help-api-scxai,.help-api-image-providers{padding:14px}.help-api-supabase-actions{display:grid}.help-api-supabase-actions a,.help-api-supabase-actions button{justify-content:center;width:100%}}
.settings-provider-note{display:grid;gap:4px;margin-top:-4px;padding:11px 13px;border-left:3px solid #13a78b;background:#f0fbf7;color:#456b61;line-height:1.55}
.settings-provider-note b{color:#176b58;font-size:12px}
.settings-provider-note span{font-size:12px;overflow-wrap:anywhere}
body[data-theme="dark"] .settings-provider-note{background:#123d35;color:#b5d9cd}
body[data-theme="dark"] .settings-provider-note b{color:#d0f5e8}
@media(max-width:560px){.settings-provider-note{margin-top:0}}
.image-chat-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:18px;align-items:start}.image-chat-main{display:grid;gap:16px;min-width:0;padding:20px}.image-chat-side{display:grid;gap:18px;min-width:0;padding:18px}.image-chat-settings{display:grid;gap:12px}.image-chat-settings h2,.image-chat-preview h2{margin:0;color:#263244;font-size:17px}.image-chat-settings label{display:grid;gap:7px;color:#475467;font-size:13px}.image-chat-preview{display:grid;gap:12px}.image-chat-preview-canvas{height:300px;display:grid;place-items:center;border:1px dashed #bfdbfe;border-radius:12px;background:#f8fbff;color:#64748b;text-align:center;padding:10px}.image-chat-preview-canvas .generated-asset{max-height:100%;object-fit:contain}.image-chat-preview>.next-btn{width:100%}body[data-theme="dark"] .image-chat-settings h2,body[data-theme="dark"] .image-chat-preview h2{color:#edf5ff}body[data-theme="dark"] .image-chat-preview-canvas{background:#0d1728;border-color:#31557c}@media(max-width:900px){.image-chat-layout{grid-template-columns:1fr}.image-chat-side{order:-1}}@media(max-width:560px){.image-chat-main,.image-chat-side{padding:16px}.image-chat-preview-canvas{height:min(78vw,360px)}}
.asset-chat-panel{display:grid;gap:16px;margin:0 0 18px;padding:20px;overflow:hidden}.asset-chat-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.asset-chat-head h2{margin:4px 0 5px;color:#263244;font-size:22px}.asset-chat-head p{margin:0;color:#667085;font-size:13px;line-height:1.6}.asset-chat-messages{display:grid;gap:12px;max-height:520px;overflow:auto;padding:4px 4px 4px 0}.asset-chat-empty{margin:0;padding:26px 18px;border:1px dashed #cbd5e1;border-radius:12px;color:#64748b;text-align:center;background:#f8fbff}.asset-chat-message{max-width:min(780px,92%);padding:13px 15px;border:1px solid #e0eaf5;border-radius:12px;background:#fbfdff;box-shadow:0 8px 22px #12345d08}.asset-chat-message.user{justify-self:end;border-color:#b9dcff;background:#eef7ff}.asset-chat-message.assistant{justify-self:start}.asset-chat-message-label{margin-bottom:6px;color:#2d6f9f;font-size:11px;font-weight:900}.asset-chat-message p{margin:0;color:#334155;font-size:13px;line-height:1.6;white-space:pre-wrap;overflow-wrap:anywhere}.asset-chat-image{display:block;width:min(420px,100%);max-height:300px;object-fit:contain;margin-top:10px;border:1px solid #dbe7f4;border-radius:10px;background:#fff}.asset-chat-history-image{margin-top:10px;padding:10px 12px;border:1px dashed #cbd5e1;border-radius:9px;color:#64748b;font-size:11px;line-height:1.5;background:#f8fafc}.asset-chat-composer{display:grid;gap:10px;padding-top:14px;border-top:1px solid #e5edf6}.asset-chat-composer textarea{width:100%;min-height:88px;resize:vertical}.asset-chat-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#64748b;font-size:12px}.asset-chat-toolbar .next-btn{min-height:40px}.asset-chat-toolbar .next-btn[disabled]{opacity:.7;cursor:wait}body[data-theme="dark"] .asset-chat-head h2{color:#edf5ff}body[data-theme="dark"] .asset-chat-head p,body[data-theme="dark"] .asset-chat-empty,body[data-theme="dark"] .asset-chat-toolbar{color:#a8b7ca}body[data-theme="dark"] .asset-chat-empty,body[data-theme="dark"] .asset-chat-history-image{background:#0d1728;border-color:#29425f}body[data-theme="dark"] .asset-chat-message{background:#0d1728;border-color:#29425f}body[data-theme="dark"] .asset-chat-message.user{background:#102946;border-color:#31557c}body[data-theme="dark"] .asset-chat-message p{color:#dceaff}body[data-theme="dark"] .asset-chat-image{background:#111d30;border-color:#31557c}@media(max-width:560px){.asset-chat-panel{padding:16px}.asset-chat-head{flex-direction:column}.asset-chat-head .ghost{width:100%}.asset-chat-message{max-width:100%}.asset-chat-toolbar{align-items:stretch;flex-direction:column}.asset-chat-toolbar .next-btn{width:100%}}
.image-chat-workspace-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-bottom:15px;border-bottom:1px solid #e5edf6}.image-chat-title-row{display:flex;align-items:center;gap:11px;min-width:0}.image-chat-title-row h2{margin:3px 0 0;color:#1f2937;font-size:21px}.image-chat-avatar{display:grid;place-items:center;width:38px;height:38px;border:1px solid #bfdbfe;border-radius:11px;background:#eff6ff;color:#1677b8}.image-chat-status{display:inline-flex;align-items:center;gap:6px;margin-left:8px;color:#64748b;font-size:11px;white-space:nowrap}.image-chat-status i{width:7px;height:7px;border-radius:50%;background:#22c55e}.image-chat-status.is-working i{background:#f59e0b}.image-chat-context-actions{display:flex;align-items:center;gap:8px}.image-chat-context{color:#64748b;font-size:12px;white-space:nowrap}.image-chat-main{min-height:680px;grid-template-rows:auto minmax(280px,1fr) auto}.image-chat-main .asset-chat-messages{min-height:300px;max-height:620px;align-content:start;scroll-behavior:smooth}.asset-chat-empty{display:grid;place-items:center;gap:9px;min-height:230px;margin:0;padding:30px 20px}.asset-chat-empty-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#eff6ff;color:#1677b8}.asset-chat-empty p{max-width:420px;margin:0;color:#64748b;text-align:center;line-height:1.7}.image-chat-suggestions{display:grid;gap:8px}.image-chat-suggestions>span{color:#64748b;font-size:12px}.image-chat-suggestion-list{display:flex;flex-wrap:wrap;gap:8px}.image-chat-suggestion{padding:8px 11px;border:1px solid #dbe7f4;border-radius:8px;background:#fff;color:#335b78;font-size:12px;text-align:left;cursor:pointer}.image-chat-suggestion:hover{border-color:#7dbce5;background:#f5fbff}.asset-chat-message-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}.asset-chat-message-head time{color:#98a2b3;font-size:10px}.asset-chat-message-label{margin:0}.asset-chat-message-actions{display:flex;gap:8px;margin-top:11px}.chat-message-action{padding:5px 9px;border:1px solid #dbe7f4;border-radius:7px;background:#fff;color:#2d6f9f;font-size:11px;cursor:pointer}.chat-message-action:hover{border-color:#7dbce5;background:#f5fbff}.asset-chat-thinking{display:flex;align-items:center;gap:4px;color:#64748b;font-size:12px}.asset-chat-thinking span{width:5px;height:5px;border-radius:50%;background:#4da3d1;animation:chat-thinking 1.1s infinite ease-in-out}.asset-chat-thinking span:nth-child(2){animation-delay:.14s}.asset-chat-thinking span:nth-child(3){animation-delay:.28s}.asset-chat-thinking em{margin-left:5px;font-style:normal}.asset-chat-input-hint{color:#98a2b3;font-size:11px}.asset-chat-turn{margin-left:auto;color:#64748b;font-size:11px}.image-chat-preview-heading{display:flex;align-items:center;justify-content:space-between;gap:10px}.image-chat-preview-heading span{padding:4px 7px;border:1px solid #dbe7f4;border-radius:6px;color:#64748b;font-size:10px}.image-chat-side{position:sticky;top:18px}.image-chat-preview-canvas{min-height:270px;height:auto;aspect-ratio:16 / 9}.image-chat-preview-canvas .generated-asset{width:100%;height:100%;max-height:none;object-fit:contain}.image-chat-composer textarea,.asset-chat-composer textarea{box-sizing:border-box;min-height:72px;max-height:220px;padding:13px 14px;border:1px solid #d6e3ef;border-radius:10px;background:#fff;color:#1f2937;line-height:1.6}.image-chat-composer textarea:focus,.asset-chat-composer textarea:focus{border-color:#5aa9d6;box-shadow:0 0 0 3px #5aa9d61c;outline:none}body[data-theme="dark"] .image-chat-workspace-header{border-color:#29425f}body[data-theme="dark"] .image-chat-title-row h2{color:#edf5ff}body[data-theme="dark"] .image-chat-avatar{background:#102946;border-color:#31557c;color:#8dd3ff}body[data-theme="dark"] .image-chat-suggestion,body[data-theme="dark"] .chat-message-action{background:#0d1728;border-color:#29425f;color:#b8dcf3}body[data-theme="dark"] .image-chat-suggestion:hover,body[data-theme="dark"] .chat-message-action:hover{background:#102946;border-color:#477da6}body[data-theme="dark"] .asset-chat-composer textarea{background:#0d1728;border-color:#31557c;color:#edf5ff}@keyframes chat-thinking{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}@media(max-width:900px){.image-chat-side{position:static}.image-chat-main{min-height:0}}@media(max-width:560px){.image-chat-workspace-header{align-items:flex-start;flex-direction:column}.image-chat-context-actions{width:100%;justify-content:space-between}.image-chat-main{padding:16px}.image-chat-side{padding:16px}.image-chat-title-row{align-items:flex-start}.image-chat-status{margin:3px 0 0 auto}.image-chat-suggestion-list{display:grid;grid-template-columns:1fr}.image-chat-suggestion{width:100%}.asset-chat-toolbar{align-items:stretch;flex-wrap:wrap}.asset-chat-input-hint{order:3;width:100%}.asset-chat-turn{margin-left:0}.asset-chat-toolbar .next-btn{flex:1}}
.image-chat-side>*{min-width:0;max-width:100%}.image-chat-settings,.image-chat-settings label,.image-chat-preview,.image-chat-preview-heading{min-width:0;max-width:100%}.image-chat-settings select{width:100%;min-width:0;max-width:100%}.image-chat-layout.settings-collapsed{grid-template-columns:minmax(0,1fr)}.image-chat-layout.settings-collapsed .image-chat-main{grid-column:1/-1;max-width:none}.image-chat-layout.settings-collapsed .asset-chat-messages{min-height:420px}.image-chat-layout.settings-collapsed .asset-chat-composer{margin-top:4px;padding:14px 16px;border:1px solid #dbe7f4;border-radius:14px;background:#fff;box-shadow:0 12px 28px #12345d12}.image-chat-layout.settings-collapsed .asset-chat-composer textarea{border:0;box-shadow:none;background:transparent}.image-chat-layout.settings-collapsed .asset-chat-composer textarea:focus{box-shadow:none}.image-chat-layout.settings-collapsed .asset-chat-empty{min-height:280px;background:#fbfdff}.image-chat-layout.settings-collapsed .image-chat-workspace-header{padding:16px 4px}.image-chat-layout.settings-collapsed .image-chat-context-actions{margin-right:4px}
.image-chat-side[hidden]{display:none!important}
 .image-chat-layout.settings-collapsed .asset-chat-messages{min-height:180px}.image-chat-layout.settings-collapsed .asset-chat-empty{min-height:160px;padding:18px}.image-chat-layout.settings-collapsed .asset-chat-composer{position:static}
.image-chat-layout{grid-template-columns:minmax(0,1fr)!important}.image-chat-main{grid-column:1/-1;max-width:none}
.image-chat-layout{height:calc(100vh - 100px);margin:0;display:block}.image-chat-main{height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto}.image-chat-main .asset-chat-messages{min-height:0;max-height:none;overflow-y:auto}.image-chat-main .asset-chat-composer{margin-top:0}@media(max-width:560px){.image-chat-layout{height:calc(100vh - 78px)}.image-chat-main{height:100%;min-height:0}}
.image-chat-layout.settings-collapsed .image-chat-main{height:min(660px,calc(100vh - 230px));min-height:460px;grid-template-rows:auto minmax(0,1fr) auto}.image-chat-layout.settings-collapsed .asset-chat-messages{min-height:0;overflow-y:auto}.image-chat-layout.settings-collapsed .asset-chat-empty{min-height:160px}@media(max-width:560px){.image-chat-layout.settings-collapsed .image-chat-main{height:calc(100vh - 190px);min-height:520px}}
 .image-chat-preview-canvas{width:100%;min-height:0}
@media(max-width:560px){.image-chat-preview-canvas{min-height:0}}

.chat-session-context-menu{position:fixed;z-index:3000;min-width:132px;padding:4px;border:1px solid #d9e5f1;border-radius:9px;background:#fff;box-shadow:0 14px 30px #12345d26}.chat-session-context-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 9px;border:0;border-radius:6px;background:transparent;color:#b42318;font-size:12px;text-align:left;cursor:pointer}.chat-session-context-menu button:hover,.chat-session-context-menu button:focus-visible{background:#fff1f0;outline:none}.chat-session-context-menu .ui-icon{width:15px;height:15px}body[data-theme="dark"] .chat-session-context-menu{border-color:#31557c;background:#101a2b;box-shadow:0 14px 30px #0008}body[data-theme="dark"] .chat-session-context-menu button{color:#ffb4ad}body[data-theme="dark"] .chat-session-context-menu button:hover,body[data-theme="dark"] .chat-session-context-menu button:focus-visible{background:#40252a}
.asset-chat-understanding{border-color:#c6eadf!important;background:#f2fbf7!important}.asset-chat-understanding .asset-chat-message-label{color:#178263}.asset-chat-understanding p{white-space:pre-wrap}.asset-chat-messages{scroll-behavior:auto}body[data-theme="dark"] .asset-chat-understanding{border-color:#286454!important;background:#123d35!important}body[data-theme="dark"] .asset-chat-understanding .asset-chat-message-label{color:#8fe1c4}

.asset-chat-image-button{display:block;width:min(420px,100%);margin-top:10px;padding:0;border:0;background:transparent;text-align:left;cursor:zoom-in}
.asset-chat-image-button:focus-visible{outline:3px solid #2d8cff55;outline-offset:4px;border-radius:12px}
.asset-chat-image-button:hover .asset-chat-image{border-color:#5aa9d6;box-shadow:0 10px 26px #1677b81c;transform:translateY(-1px)}
.asset-chat-image-button .asset-chat-image{width:100%;margin-top:0;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.image-preview-modal{width:min(1080px,100%);padding:28px}
.image-preview-stage{display:grid;place-items:center;min-height:260px;max-height:66vh;margin-top:18px;padding:12px;border:1px solid #dbe7f4;border-radius:14px;background:#f8fbff;overflow:auto}
.image-preview-stage img{display:block;max-width:100%;max-height:62vh;width:auto;height:auto;object-fit:contain;border-radius:9px}
.image-preview-prompt{margin:12px 0 0;overflow-wrap:anywhere}
.image-preview-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;flex-wrap:wrap}
.image-preview-actions .ghost,.image-preview-actions .next-btn{min-height:40px}
.image-preview-save-note{color:#64748b;font-size:12px}
body[data-theme="dark"] .image-preview-stage{background:#0d1728;border-color:#31557c}
body[data-theme="dark"] .image-preview-save-note{color:#a8b7ca}
@media(max-width:560px){.image-preview-modal{padding:20px}.image-preview-stage{min-height:180px;max-height:60vh}.image-preview-stage img{max-height:56vh}.image-preview-actions{align-items:stretch;flex-direction:column}.image-preview-actions .ghost,.image-preview-actions .next-btn{width:100%;justify-content:center}}

.image-chat-workspace-layout{display:grid!important;grid-template-columns:248px minmax(0,1fr)!important;gap:14px!important;height:calc(100vh - 100px)!important;align-items:stretch!important}
.chat-session-sidebar{display:flex;flex-direction:column;min-width:0;height:100%;padding:16px 12px;border:1px solid #e6edf6;border-radius:14px;background:#fff;box-shadow:0 12px 30px #12345d08}.chat-session-brand{display:flex;align-items:center;gap:9px;padding:2px 4px 14px;border-bottom:1px solid #edf1f7}.chat-session-brand-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#eff6ff;color:#2d8cff}.chat-session-brand>div:nth-child(2){display:grid;gap:2px;min-width:0;flex:1}.chat-session-brand strong{font-size:14px;color:#263b56}.chat-session-brand small{font-size:10px;color:#93a1b3}.chat-session-brand .icon-button{width:30px;height:30px;flex:0 0 30px}.chat-new-session-button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin:14px 0 12px;padding:11px 12px;border:0;border-radius:9px;background:#1f2937;color:#fff;font-weight:900;cursor:pointer}.chat-new-session-button:hover{background:#111827}.chat-new-session-button .ui-icon{width:16px;height:16px}.chat-session-list{display:grid;gap:6px;min-height:0;overflow:auto}.chat-session-item{display:flex;align-items:center;gap:9px;width:100%;min-width:0;padding:10px 9px;border:1px solid transparent;border-radius:9px;background:transparent;color:#475467;text-align:left;cursor:pointer}.chat-session-item:hover{background:#f5f9ff;border-color:#dcecff}.chat-session-item.active{background:#eef6ff;border-color:#b9d9ff;color:#176fc5;box-shadow:inset 3px 0 #2d8cff}.chat-session-item-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#f2f6fb;color:#7a91aa;flex:0 0 28px}.chat-session-item.active .chat-session-item-icon{background:#dbeeff;color:#2d8cff}.chat-session-item-copy{display:grid;gap:3px;min-width:0}.chat-session-item-copy b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.chat-session-item-copy small{color:#92a0b1;font-size:10px}.chat-session-empty{padding:18px 8px;color:#98a2b3;font-size:11px;text-align:center}.image-chat-workspace-layout .image-chat-main{height:100%;min-height:0;grid-column:auto;padding:20px;grid-template-rows:auto minmax(0,1fr) auto}.image-chat-workspace-layout .asset-chat-messages{min-height:0;max-height:none;overflow-y:auto}.image-chat-workspace-layout .asset-chat-composer{margin-top:0}.chat-attachment-strip{display:flex;gap:7px;flex-wrap:wrap;max-height:78px;overflow:auto}.chat-attachment-chip{display:inline-flex;align-items:center;gap:6px;max-width:220px;padding:5px 7px;border:1px solid #dbe7f4;border-radius:8px;background:#f8fbff;color:#53677e;font-size:11px}.chat-attachment-chip img{width:28px;height:28px;object-fit:cover;border-radius:5px}.chat-attachment-chip b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:700}.chat-attachment-chip button{display:grid;place-items:center;width:18px;height:18px;border:0;border-radius:50%;background:#e8f1fb;color:#52718e;cursor:pointer}.chat-attachment-file-icon{display:grid;place-items:center;width:24px;height:24px;border-radius:5px;background:#eaf4ff;color:#2d8cff}.chat-attachment-file-icon .ui-icon{width:14px;height:14px}.chat-composer-tools{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.chat-attach-button{position:relative;display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:6px 9px;border:1px solid #dbe7f4;border-radius:8px;background:#fff;color:#2d6f9f;font-size:11px;font-weight:800;cursor:pointer;overflow:hidden}.chat-attach-button:hover{border-color:#7dbce5;background:#f5fbff}.chat-attach-button input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.chat-attach-button .ui-icon{width:14px;height:14px}.chat-model-pill{display:inline-flex;align-items:center;gap:5px;max-width:190px;min-height:34px;padding:5px 9px;border:1px solid #dbe7f4;border-radius:8px;background:#f8fbff;color:#5c7188;font-size:10px}.chat-model-pill b{color:#2d6f9f;white-space:nowrap}.chat-model-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-model-pill.image{border-color:#cce9df;background:#f4fbf8}.chat-model-pill.image b{color:#178263}.chat-count-control{display:inline-flex;align-items:center;gap:5px;min-height:34px;padding:5px 8px;border:1px solid #dbe7f4;border-radius:8px;background:#fff;color:#64748b;font-size:10px;white-space:nowrap}.chat-count-control select{height:24px;padding:2px 5px;border:0;background:transparent;color:#2d6f9f;font-weight:900}.asset-chat-toolbar{align-items:flex-end}.asset-chat-toolbar .asset-chat-input-hint{flex:0 0 auto}.asset-chat-toolbar .asset-chat-turn{flex:0 0 auto}
body[data-theme="dark"] .chat-session-sidebar{background:#101a2b;border-color:#263d59}body[data-theme="dark"] .chat-session-brand strong{color:#dceaff}body[data-theme="dark"] .chat-session-brand{border-color:#263d59}body[data-theme="dark"] .chat-session-item{color:#b8c7d8}body[data-theme="dark"] .chat-session-item:hover{background:#102946;border-color:#31557c}body[data-theme="dark"] .chat-session-item.active{background:#12345d;border-color:#477da6;color:#cfe8ff}body[data-theme="dark"] .chat-session-item-icon{background:#172a43;color:#9db4cc}body[data-theme="dark"] .chat-new-session-button{background:#e6eef8;color:#10233b}body[data-theme="dark"] .chat-attachment-chip,body[data-theme="dark"] .chat-attach-button,body[data-theme="dark"] .chat-count-control{background:#0d1728;border-color:#31557c;color:#b8c7d8}body[data-theme="dark"] .chat-model-pill{background:#102946;border-color:#31557c;color:#b8c7d8}body[data-theme="dark"] .chat-model-pill.image{background:#123d35;border-color:#286454}body[data-theme="dark"] .chat-attachment-file-icon{background:#14345d}
@media(max-width:900px){.image-chat-workspace-layout{grid-template-columns:1fr!important;grid-template-rows:auto minmax(0,1fr)!important;height:calc(100vh - 78px)!important}.chat-session-sidebar{height:auto;max-height:178px}.chat-session-list{display:flex;overflow-x:auto;overflow-y:hidden}.chat-session-item{min-width:190px}.chat-session-empty{display:none}.chat-session-brand{padding-bottom:9px}.chat-new-session-button{width:auto;align-self:flex-start;margin:10px 0}.image-chat-workspace-layout .image-chat-main{height:100%}}
@media(max-width:560px){.image-chat-workspace-layout{gap:8px!important}.chat-session-sidebar{padding:10px;border-radius:10px}.chat-session-brand{padding:0 2px 8px}.chat-session-item{min-width:160px;padding:8px}.chat-composer-tools{width:100%}.chat-attach-button{flex:1}.chat-model-pill{max-width:calc(50% - 5px);flex:1}.chat-count-control{flex:1;justify-content:space-between}.image-chat-workspace-layout .image-chat-main{padding:12px}}
/* Image chat drop/paste affordances */
.asset-chat-input-wrap{position:relative}
.asset-chat-drop-hint{display:block;margin:4px 3px 0;color:#98a2b3;font-size:10px;line-height:1.4}
.asset-chat-input-wrap.is-drop-active textarea{border-color:#2d8cff;background:#f1f8ff;box-shadow:0 0 0 3px #2d8cff22}
.asset-chat-image-button[draggable="true"]{cursor:grab}
.asset-chat-image-button[draggable="true"]:active{cursor:grabbing}
body[data-theme="dark"] .asset-chat-input-wrap.is-drop-active textarea{border-color:#7dbce5;background:#102946}

.editable-export-payment-backdrop{z-index:80;padding:18px;background:#0f172a99;backdrop-filter:blur(4px)}
.editable-export-payment-modal{width:min(460px,100%);max-height:calc(100vh - 36px);overflow:auto;padding:28px 30px;text-align:center;border-radius:18px}
.editable-export-payment-modal h2{margin:14px 0 10px;font-size:26px;color:#1f2937}
.editable-export-payment-intro,.editable-export-payment-window,.editable-export-payment-notice{margin:8px auto;color:#667085;font-size:14px;line-height:1.65}
.editable-export-payment-qr{display:block;width:min(300px,82vw);height:auto;aspect-ratio:1;margin:20px auto 16px;border:1px solid #e5e7eb;border-radius:12px;background:#fff;object-fit:contain;box-shadow:0 12px 30px #0f172a14}
.editable-export-payment-window{font-weight:800;color:#2563eb}
.editable-export-payment-notice{padding:10px 12px;border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;font-size:12px;text-align:left}
.editable-export-payment-error{min-height:1.4em;margin:10px 0 0;color:#b91c1c;font-size:13px;line-height:1.5}
.editable-export-payment-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}
.editable-export-payment-actions button{min-height:40px;min-width:132px}
@media(max-width:480px){.editable-export-payment-modal{padding:22px 18px}.editable-export-payment-modal h2{font-size:22px}.editable-export-payment-qr{width:min(260px,78vw)}.editable-export-payment-actions{display:grid;grid-template-columns:1fr}.editable-export-payment-actions button{width:100%}}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#f8fbff,#fff 54%,#eef6ff);display:grid;place-items:center}.auth-shell{width:min(520px,calc(100% - 32px));padding:32px 0}.auth-card{display:grid;gap:20px;padding:28px;border:1px solid #e6edf6;border-radius:16px;background:#fff;box-shadow:0 24px 70px #1d4ed814}.auth-brand{display:flex;gap:14px;align-items:flex-start}.auth-brand img{width:44px;height:44px}.auth-brand h1{margin:0 0 8px;font-size:25px;line-height:1.2;color:#1f3b5d}.auth-brand p{margin:0;color:#64748b;line-height:1.7}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:5px;border-radius:12px;background:#f1f6fd}.auth-tabs button{height:38px;border:0;border-radius:9px;background:transparent;color:#516175;font-weight:800;cursor:pointer}.auth-tabs button.active{background:#fff;color:#1f7ae0;box-shadow:0 8px 18px #12345d12}.auth-form{display:grid;gap:14px}.auth-form label{display:grid;gap:7px;color:#344054;font-weight:800}.auth-form input{height:42px;border:1px solid #d8e4f0;border-radius:10px;padding:0 12px;font-size:14px}.auth-form button[type=submit]{height:44px;border:0;border-radius:11px;background:#1f7ae0;color:#fff;font-weight:900;cursor:pointer}.auth-form button[type=submit]:disabled{opacity:.65;cursor:wait}.auth-message{min-height:20px;margin:0;color:#2563eb}.auth-message.error{color:#b91c1c}.auth-user-pill{display:inline-flex;align-items:center;gap:8px;max-width:230px;min-height:36px;padding:4px 5px 4px 10px;border:1px solid #dbe7f4;border-radius:999px;background:#f8fbff;color:#334155}.auth-user-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800}.auth-user-pill button{height:28px;border:0;border-radius:999px;padding:0 10px;background:#e8f1ff;color:#1f63b6;font-weight:900;cursor:pointer}