.studio-showreel-page{color:#f8fafc;background:radial-gradient(1100px 520px at 50% -8%,#d4af371a,#0000 58%),radial-gradient(900px 480px at 18% 105%,#94a3b814,#0000 55%),radial-gradient(760px 420px at 88% 92%,#c9a22712,#0000 52%),#06070b;grid-template-rows:auto 1fr auto;min-height:100dvh;display:grid}.studio-showreel-header,.studio-showreel-footer{justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.studio-showreel-brand{letter-spacing:.01em;align-items:center;gap:8px;font-weight:700;display:inline-flex}.studio-showreel-actions{align-items:center;gap:8px;display:inline-flex}.studio-showreel-btn{color:inherit;cursor:pointer;background:linear-gradient(#ffffff14,#ffffff08);border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:.82rem;font-weight:650;text-decoration:none;display:inline-flex}.studio-showreel-btn:hover:not(:disabled){background:linear-gradient(#ffffff1f,#ffffff0d);border-color:#ffffff47}.studio-showreel-btn:disabled{opacity:.65;cursor:wait}.studio-showreel-btn.is-ghost{background:0 0}.studio-showreel-stage-wrap{background:0 0;border:1px solid #ffffff14;border-radius:18px;height:min(72vh,820px);min-height:0;margin:0 12px;position:relative;overflow:hidden;box-shadow:0 24px 80px #00000073}.studio-showreel-stage-wrap canvas{display:block;width:100%!important;height:100%!important}.studio-showreel-overlay{pointer-events:none;background:linear-gradient(#07090f0d,#07090fe0);padding:28px 24px 22px;position:absolute;inset:auto 0 0}.studio-showreel-kicker{letter-spacing:.18em;text-transform:uppercase;color:#f8fafc9e;margin:0 0 6px;font-size:.72rem}.studio-showreel-title{margin:0 0 8px;font-size:clamp(1.35rem,2.8vw,2rem);font-weight:800;line-height:1.1}.studio-showreel-built{letter-spacing:.08em;color:#fff;text-shadow:0 0 24px #4cc9f059;min-height:1.2em;margin:0 0 4px;font-size:clamp(1.5rem,3.4vw,2.35rem);font-weight:800}.studio-showreel-hint{color:#f8fafcb8;margin:0;font-size:.95rem}.studio-showreel-footer{color:#f8fafc9e;flex-direction:column;align-items:flex-start;font-size:.82rem}.studio-showreel-status{color:#86efac;margin:6px 0 0;font-weight:650}@media (width<=640px){.studio-showreel-header{flex-direction:column;align-items:stretch}.studio-showreel-actions{justify-content:stretch}.studio-showreel-btn{flex:1;justify-content:center}}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-latin-400-normal-PaqtzbVb.woff2)format("woff2"),url(/assets/manrope-latin-400-normal-8tf8FM3T.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-latin-500-normal-BYYD-dBL.woff2)format("woff2"),url(/assets/manrope-latin-500-normal-DMZssgOp.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-latin-600-normal-4f0koTD-.woff2)format("woff2"),url(/assets/manrope-latin-600-normal-BqgrALkZ.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/manrope-cyrillic-400-normal-BMzJvInZ.woff2)format("woff2"),url(/assets/manrope-cyrillic-400-normal-Dvx59UGC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/manrope-cyrillic-500-normal-B1OEZity.woff2)format("woff2"),url(/assets/manrope-cyrillic-500-normal-CNwnNrRC.woff)format("woff")}@font-face{font-family:Manrope;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/manrope-cyrillic-600-normal-DvRl3Mj-.woff2)format("woff2"),url(/assets/manrope-cyrillic-600-normal-It4mZcQk.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-latin-700-normal-DajfzrDU.woff2)format("woff2"),url(/assets/cormorant-garamond-latin-700-normal-O25Qpphb.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff)format("woff")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/cormorant-garamond-cyrillic-700-normal-SLG_-a_c.woff2)format("woff2"),url(/assets/cormorant-garamond-cyrillic-700-normal-D3uyJ5DH.woff)format("woff")}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marck-script-cyrillic-400-normal-BIatlnl2.woff2)format("woff2"),url(/assets/marck-script-cyrillic-400-normal-C4wWsGQ-.woff)format("woff")}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marck-script-latin-400-normal-hvIDGCO4.woff2)format("woff2"),url(/assets/marck-script-latin-400-normal-DonRfbfk.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-latin-600-normal-plFmSr5g.woff2)format("woff2"),url(/assets/oswald-latin-600-normal-DRToI_2E.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-latin-700-normal-vy6hmKSr.woff2)format("woff2"),url(/assets/oswald-latin-700-normal-UmC9Ev9x.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/oswald-cyrillic-600-normal-OIkAk3Qq.woff2)format("woff2"),url(/assets/oswald-cyrillic-600-normal-B7zyAoGs.woff)format("woff")}@font-face{font-family:Oswald;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/oswald-cyrillic-700-normal-BO0IwMyy.woff2)format("woff2"),url(/assets/oswald-cyrillic-700-normal-DxuP1Pb9.woff)format("woff")}@font-face{font-family:Black Ops One;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/black-ops-one-latin-400-normal-CYRH0z_U.woff2)format("woff2"),url(/assets/black-ops-one-latin-400-normal-DmcO2QRk.woff)format("woff")}:root{--bg:#0c0c0c;--bg-deep:#080808;--surface:#111;--surface-2:#161616;--surface-3:#1a1a1a;--surface-hover:#222;--surface-active:#262626;--border:#2a2a2a;--border-subtle:#1e1e1e;--border-strong:#3a3a3a;--text:#ececec;--text-secondary:#b4b4b4;--muted:#7a7a7a;--muted-dim:#5c5c5c;--primary:#e8e8e8;--primary-fg:#0c0c0c;--primary-hover:#fff;--accent:#a8a8a8;--accent-hover:#d4d4d4;--accent-ai:#7c6cf0;--accent-ai-hover:#9588f5;--accent-ai-fg:#fff;--highlight:#fff;--link:#7eb6ff;--link-hover:#a8cdff;--success:#4ade80;--notice-premium:#c9bc98;--notice-premium-soft:#c9bc9838;--notice-premium-glow:#c9bc9824;--warning:#fbbf24;--danger:#f87171;--panel-preview-height:140px;--panel-preview-radius:8px;--radius:6px;--radius-sm:4px;--radius-lg:8px;--shadow:0 8px 32px #0000008c;--glow:0 0 0 1px #ffffff14;--glow-active:0 0 0 1px #ffffff2e;--font-ui:"Manrope", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--font-mono:"Cascadia Code", "SF Mono", Consolas, monospace;--tracking-tight:-.02em;--tracking-wide:.04em;font-family:var(--font-ui);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;line-height:1.45}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}#root{background:var(--bg);min-height:100dvh}::selection{color:var(--text);background:#ffffff24}:focus-visible{outline-offset:2px;outline:2px solid #ffffff38}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:padding-box;border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4a4a4a padding-box padding-box}button,input,select,textarea{font:inherit}.app{flex-direction:column;min-height:100vh;display:flex}.native-shell.app{height:100dvh;min-height:0}.scroll-panel{flex-direction:column;flex:1;min-height:0;display:flex;overflow:auto}.quick-details{background:var(--surface);flex:auto;min-height:0;overflow:auto}.mode-details.compact{padding:0 10px 8px}.mode-details.compact .field-label{margin:6px 0 4px;font-size:.68rem}.chat-panel.embedded{border-top:none;flex-direction:column;flex:1;width:100%;height:100%;min-height:0;display:flex}.chat-panel.embedded .chat-thread-toolbar{flex-shrink:0}.chat-panel.embedded .chat-result-preview{border-top:none;flex-shrink:0;min-height:0;transition:gap .28s cubic-bezier(.22,.61,.36,1)}.chat-panel.embedded .chat-messages{flex:auto;min-height:0;transition:flex-grow .28s cubic-bezier(.22,.61,.36,1);overflow:auto}.chat-panel.embedded .chat-messages .empty-state{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;margin:0;display:flex}.chat-panel.embedded .chat-live-footer-zone{flex-shrink:0}.chat-panel.embedded .panel-header.compact h2{font-size:.78rem}.quick-prompts.compact{padding:4px 8px}.quick-prompts.compact .chip{padding:4px 8px;font-size:.65rem}.pet-grid.compact{flex-wrap:nowrap;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.pet-grid.compact .pet-card{flex:0 0 72px}.file-pick.compact .upload-tile{min-height:56px;padding:8px}.upload-row{grid-template-columns:1fr 1fr;gap:6px;display:grid}.upload-stack{flex-direction:column;gap:8px;display:flex}.inline-section{border-bottom:1px solid var(--border-subtle)}@media (width<=1100px){.quick-details{max-height:none}}.panel-header{padding:14px 16px 8px}.panel-header.row{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.panel-header h2{color:var(--text);letter-spacing:-.01em;margin:0;font-size:.88rem;font-weight:600}.muted{color:var(--muted);margin:4px 0 0;font-size:.78rem}.file-explorer,.chat-panel,.print-preview{flex-direction:column;min-height:0;display:flex}.left-content{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.session-history,.file-explorer{flex:1;min-height:0}.studio-canvas-bar{border-bottom:1px solid var(--border-subtle);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:8px 12px;display:flex}.studio-canvas-bar-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:6px;font-size:.72rem;font-weight:700;display:inline-flex}.studio-canvas-bar-body{flex-wrap:wrap;flex:1;align-items:center;gap:6px;min-width:0;display:inline-flex}.studio-canvas-bar-trailing{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.studio-canvas-bar-spacer{flex:1;min-width:8px}.studio-canvas-viewport{background-color:var(--bg-deep);background-image:radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--border-subtle) 85%, transparent) 1px, transparent 0);background-size:20px 20px}.studio-segments{border-radius:var(--radius);background:var(--bg-deep);border:1px solid var(--border-strong);gap:2px;padding:3px;display:inline-flex}.studio-segment{border-radius:calc(var(--radius-sm));color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:6px 14px;font-size:.78rem;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.studio-segment:hover:not(:disabled){color:var(--text);background:var(--surface-hover)}.studio-segment.active{background:var(--surface-active);color:var(--text);box-shadow:var(--glow)}.studio-segment:disabled{opacity:.4;cursor:default}.studio-chip{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.studio-chip:hover:not(:disabled){border-color:var(--link);color:var(--text)}.studio-chip.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--text)}.studio-chip:disabled{opacity:.4;cursor:default}.studio-zoom-group{border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--bg-deep);align-items:center;gap:2px;padding:2px 4px;display:inline-flex}.studio-zoom-label{color:var(--muted);text-align:center;font-variant-numeric:tabular-nums;min-width:38px;font-size:.65rem}.studio-dims{color:var(--muted);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.68rem}.board-node-3d-btn{z-index:2;border:1px solid var(--border-strong);color:var(--text-secondary);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c0c0cd1;border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:800;position:absolute;bottom:28px;right:6px}.board-node-3d-btn:hover,.board-node-3d-btn.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 18%, #0c0c0ce6)}.moodboard-detail-3d{border-top:1px solid var(--border-subtle);margin-top:10px;padding-top:10px}.moodboard-detail-3d .mug-preview-3d{width:100%;max-width:none;height:180px}.moodboard-detail-3d-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.moodboard-detail-3d-header h5{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);margin:0;font-size:.72rem;font-weight:700}@media (width<=640px){.studio-segment-label{display:none}.studio-segment{padding:8px 10px}}.studio-dashboard{flex-direction:column;height:100%;min-height:0;display:flex;position:relative;overflow:hidden}.studio-dashboard-drop-hover{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--link) 42%, transparent)}.studio-dashboard-header{border-bottom:none;flex-shrink:0}.studio-dashboard .moodboard-toolbar--merged{border-top:1px solid var(--border);border-bottom:none;padding-block:6px 4px}.studio-dashboard .moodboard-toolbar--merged .moodboard-toolbar-body{flex-wrap:wrap;align-items:center;gap:8px;width:100%;display:flex}.board-layout--full{grid-template-columns:1fr!important}.inspector-frame-tab .inspector-frame-head{align-items:center;gap:8px;margin-bottom:10px;display:flex}.inspector-frame-tab .inspector-frame-head h3{margin:0;font-size:.85rem;font-weight:600}.inspector-frame-empty{font-size:.74rem;line-height:1.45}.inspector-frame-thumb{object-fit:contain;border-radius:var(--radius-sm);background:var(--surface-2);width:100%;max-height:140px;margin-bottom:8px}.inspector-frame-pills{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.inspector-frame-tab .detail-actions{flex-direction:column;gap:6px;display:flex}.studio-dashboard-body{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.drop-zones-overlay{border:1px dashed var(--link);border-radius:var(--radius);background:color-mix(in srgb, var(--link) 10%, transparent);pointer-events:none;z-index:8;position:absolute;inset:42px 10px 10px}.drop-zones-overlay-inner{justify-content:center;align-items:center;height:100%;display:flex}.drop-zones-overlay-inner p{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-secondary);border-radius:999px;margin:0;padding:8px 12px;font-size:.74rem}.drop-action-picker{z-index:20;background:#0000006b;justify-content:center;align-items:center;padding:16px;display:flex;position:absolute;inset:0}.drop-action-card{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow);padding:10px}.drop-action-head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.drop-action-head strong{font-size:.9rem}.drop-action-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:10px;display:grid}.drop-action-grid .btn{justify-content:flex-start}.studio-dashboard-stack{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.studio-dashboard-pane{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-dashboard-surface-wrap{flex:1;min-height:0;position:relative}.studio-dashboard-surface{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0}.studio-dashboard-surface.layer-in{animation:.22s studio-surface-fade-in}.studio-dashboard-surface.layer-out{pointer-events:none;animation:.22s studio-surface-fade-out}@keyframes studio-surface-fade-in{0%{opacity:.01;transform:translateY(3px)scale(.998)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-surface-fade-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-2px)scale(1.002)}}.studio-dashboard-pane[hidden]{display:none!important}.studio-dashboard-body .moodboard-view,.studio-dashboard-body .print-preview{flex:1;min-height:0}.studio-dashboard-split{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.studio-dashboard-split-pane{flex-direction:column;min-height:0;display:flex;overflow:hidden}.studio-dashboard-split-top{border-bottom:1px solid var(--border-subtle)}.studio-dashboard-split-bottom{border-top:1px solid var(--border-subtle)}.dashboard-split-resizer{flex-shrink:0}.studio-dashboard-split-top .moodboard-view--compact .board-shell,.moodboard-view--compact .moodboard-body{flex:1}.print-preview--embedded .preview-workspace{height:100%}.print-preview--embedded .preview-footer{max-height:42%}.projects-panel-hint{margin:0 0 8px;font-size:.68rem;line-height:1.35}.projects-stack-section{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);margin-bottom:10px;padding:10px}.projects-stack-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.projects-stack-head strong{letter-spacing:.01em;color:var(--text);text-transform:none;font-size:.8rem}.projects-stack-step{border:1px solid var(--border);background:var(--surface-2);width:16px;height:16px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;font-size:.56rem;font-weight:700;display:inline-flex}.projects-chat-block,.projects-images-block{margin-bottom:8px}.projects-images-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.projects-images-head strong{align-items:center;gap:5px;font-size:.72rem;display:inline-flex}.projects-images-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.projects-image-card{border:1px solid var(--border-subtle);background:var(--surface-2);cursor:pointer;aspect-ratio:220/98;border-radius:7px;padding:0;overflow:hidden}.projects-image-card:hover{border-color:var(--link)}.projects-image-card img{object-fit:cover;width:100%;height:100%;display:block}.projects-images-empty{grid-column:1/-1;margin:0;font-size:.66rem}.projects-history-fold{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);margin-top:8px;overflow:hidden}.projects-history-fold>summary{cursor:pointer;border-bottom:1px solid #0000;padding:8px 10px;font-size:.72rem;font-weight:600}.projects-history-fold[open]>summary{border-bottom-color:var(--border-subtle)}.preview-footer-nodes{border-bottom:1px solid var(--border-subtle);flex-direction:column;flex:auto;min-height:0;padding:6px 8px 8px;display:flex}.preview-footer-nodes .prompt-canvas-shell{flex:auto;min-height:260px}.prompt-canvas-rail-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);flex-shrink:0;align-items:center;gap:10px;padding:4px 4px 6px;display:flex}.prompt-canvas-rail-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.68rem;font-weight:700}.prompt-canvas-role-legend{flex-wrap:wrap;align-items:center;gap:4px;display:inline-flex}.prompt-canvas-role-legend-item{letter-spacing:.05em;color:#fff;border-radius:5px;justify-content:center;align-items:center;min-width:28px;padding:1px 5px;font-size:.58rem;font-weight:800;display:inline-flex}.prompt-canvas-role-legend-item.is-reference{background:#7a51d8}.prompt-canvas-role-legend-item.is-background{background:#1ca24d}.prompt-canvas-role-legend-item.is-style{background:#d88b0a}.prompt-canvas-role-legend-item.is-font{background:#2e9bcb}.prompt-canvas-rail-wire-legend{z-index:auto;opacity:.9;flex-wrap:nowrap;max-width:none;margin-left:2px;position:static;inset:auto}.prompt-canvas-rail-fit-scope{color:var(--muted);border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:999px;padding:2px 7px;font-size:.58rem}.prompt-canvas-rail-actions{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.prompt-canvas-rail-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);height:24px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;padding:0 9px;font-size:.6rem;font-weight:600;display:inline-flex}.prompt-canvas-rail-btn:hover{border-color:color-mix(in srgb, var(--link) 40%, transparent);color:var(--text)}.prompt-canvas-rail-btn.is-primary{color:var(--link);border-color:color-mix(in srgb, var(--link) 35%, transparent);background:color-mix(in srgb, var(--link) 10%, transparent)}.projects-chat-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.projects-chat-head strong{font-size:.8rem}.projects-chat-count{font-size:.7rem}.projects-mode-selector{--mode-preview-ease:cubic-bezier(.4, 0, .2, 1);--mode-preview-crossfade:.72s;--mode-scrim-left:linear-gradient(90deg, #00000080 0%, #0000003d 42%, #00000012 68%, transparent 100%);--mode-scrim-right:linear-gradient(270deg, #00000080 0%, #0000003d 42%, #00000012 68%, transparent 100%);--mode-scrim-left-hover:linear-gradient(90deg, #00000094 0%, #00000047 46%, #00000014 72%, transparent 100%);--mode-scrim-right-hover:linear-gradient(270deg, #00000094 0%, #00000047 46%, #00000014 72%, transparent 100%);--mode-preview-overlay-shadow:0 0 1px #000000fa, 0 0 2px #000000f5, 0 1px 2px #000000f0, 0 2px 8px #000000d1, 0 4px 14px #0000009e, 1px 0 1px #000000e0, -1px 0 1px #000000e0;--mode-preview-overlay-shadow-hover:0 0 1px #000, 0 0 3px #000000fa, 0 1px 3px #000000f5, 0 3px 10px #000000e0, 0 5px 18px #000000b8, 1px 0 2px #000000eb, -1px 0 2px #000000eb;--mode-cell-dim-filter:none;--mode-cell-dim-overlay:transparent;--mode-focus-dim:#0a0c1029;--mode-focus-blur:9px;--mode-focus-dim-idle:#0a0c1014;--mode-focus-blur-idle:5px;--mode-spot-clear-rx:92%;--mode-spot-clear-ry:76%;--mode-spot-clear-core:42%;--mode-spot-shift:.26s;--mode-expand-ms:.42s;--mode-expand-out-ms:.34s;--mode-expand-ease-in:cubic-bezier(.25, .92, .3, 1);--mode-expand-ease-out:cubic-bezier(.45, 0, .75, .2);transition:--mode-spot-x var(--mode-spot-shift) var(--mode-preview-ease), --mode-spot-y var(--mode-spot-shift) var(--mode-preview-ease), --mode-spot-clear-ry var(--mode-spot-shift) var(--mode-preview-ease), --mode-spot-clear-core var(--mode-spot-shift) var(--mode-preview-ease);margin:2px 0 8px}@property --mode-spot-x{syntax:"<percentage>";inherits:true;initial-value:25%}@property --mode-spot-y{syntax:"<percentage>";inherits:true;initial-value:16.666%}@property --mode-spot-clear-ry{syntax:"<percentage>";inherits:true;initial-value:76%}@property --mode-spot-clear-core{syntax:"<percentage>";inherits:true;initial-value:42%}.projects-mode-selector .chrome-mode-widget-body{grid-template-areas:"preview";gap:0}.projects-mode-selector .chrome-mode-preview{background:0 0;border:none;padding:0;position:relative}.projects-mode-selector .chrome-mode-preview-stack{width:100%;height:var(--panel-preview-height);border:1px solid var(--border-subtle);border-radius:var(--panel-preview-radius);background:var(--surface-2);contain:layout paint;transition:box-shadow .26s cubic-bezier(.22,.61,.36,1);position:relative;overflow:hidden}.projects-mode-selector.is-hovering .chrome-mode-preview-stack{box-shadow:0 10px 28px #00000047}.projects-mode-selector .chrome-mode-preview-collage-base{z-index:0;pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;height:100%;display:grid;position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-collage-cell{background:var(--surface-2);position:relative;overflow:hidden}.projects-mode-selector .chrome-mode-preview-collage-cell:nth-child(odd){border-right:1px solid color-mix(in srgb, var(--border-subtle) 88%, #fff 12%)}.projects-mode-selector .chrome-mode-preview-collage-cell:nth-child(-n+4){border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 88%, #fff 12%)}.projects-mode-selector .chrome-mode-preview-collage-cell:before{content:"";z-index:1;pointer-events:none;background:var(--mode-scrim-left);opacity:0;transition:opacity var(--mode-preview-crossfade) var(--mode-preview-ease), background var(--mode-preview-crossfade) var(--mode-preview-ease);position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-collage-cell:nth-child(2n):before{background:var(--mode-scrim-right)}.projects-mode-selector .chrome-mode-preview-collage-cell:not(.active):before,.projects-mode-selector .chrome-mode-preview-collage-cell.active:before{opacity:0}.projects-mode-selector .chrome-mode-preview-collage-image{z-index:0;object-fit:cover;background:var(--surface-2);filter:none;width:100%;height:100%;transition:filter var(--mode-preview-crossfade) var(--mode-preview-ease), opacity calc(var(--mode-expand-ms) * .55) var(--mode-preview-ease);display:block;position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-collage-cell:not(.active) .chrome-mode-preview-collage-image{filter:none}.projects-mode-selector .chrome-mode-preview-collage-fallback{z-index:0;background:linear-gradient(145deg, color-mix(in srgb, var(--surface-2) 70%, #fff 8%), var(--surface));width:100%;height:100%;display:block;position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-mode-label{z-index:1;letter-spacing:.02em;color:#fff;text-align:left;text-shadow:var(--mode-preview-overlay-shadow);-webkit-font-smoothing:antialiased;pointer-events:none;opacity:1;transform-origin:0;backface-visibility:hidden;max-width:72%;transition:opacity .22s var(--mode-preview-ease), transform var(--mode-expand-ms) var(--mode-expand-ease-in), text-shadow .22s var(--mode-preview-ease);justify-content:flex-start;align-items:center;padding:0 10px;font-size:.68rem;font-weight:700;line-height:1.2;display:flex;position:absolute;inset:0;transform:scale(1)translateZ(0)}.projects-mode-selector.is-mode-selected .chrome-mode-preview-mode-label{opacity:1}.projects-mode-selector.is-mode-selected .chrome-mode-preview-label-slot.active .chrome-mode-preview-mode-label{opacity:1;text-shadow:var(--mode-preview-overlay-shadow-hover);transform:scale(1.5)translateZ(0)}.projects-mode-selector .chrome-mode-preview-label-slot:nth-child(2n) .chrome-mode-preview-mode-label{text-align:right;transform-origin:100%;justify-content:flex-end;margin-left:auto}.projects-mode-selector.is-hovering .chrome-mode-preview-mode-label{opacity:.76}.projects-mode-selector.is-hovering .chrome-mode-preview-label-slot.is-hovered{z-index:2}.projects-mode-selector.is-hovering .chrome-mode-preview-label-slot.is-hovered .chrome-mode-preview-mode-label{opacity:1;text-shadow:var(--mode-preview-overlay-shadow-hover);transform:scale(1.5)translateZ(0)}.projects-mode-selector.is-hovering .chrome-mode-preview-collage-cell.is-hovered .chrome-mode-preview-collage-image{opacity:0}@keyframes mode-preview-expand-in{0%{transform:translate(0,0)scale(.5,.333333)}to{transform:translate(0,0)scale(1)}}@keyframes mode-preview-expand-out{0%{opacity:1;transform:translate(0,0)scale(1)}to{opacity:0;transform:translate(0,0)scale(.5,.333333)}}.projects-mode-selector .chrome-mode-preview-expand-stage{z-index:1;pointer-events:none;contain:paint;position:absolute;inset:0;overflow:hidden}.projects-mode-selector .chrome-mode-preview-expand-layer{opacity:1;transform-origin:var(--cell-origin-x,25%) var(--cell-origin-y,16.666%);backface-visibility:hidden;contain:paint;border-radius:0;position:absolute;inset:0;overflow:hidden;transform:translate(0,0)scale(.5,.333333)}.projects-mode-selector .chrome-mode-preview-expand-layer.anim-expand-in{z-index:2;animation:mode-preview-expand-in var(--mode-expand-ms) var(--mode-expand-ease-in) forwards}.projects-mode-selector .chrome-mode-preview-expand-layer.anim-expand-out{z-index:1;animation:mode-preview-expand-out var(--mode-expand-out-ms) var(--mode-expand-ease-out) forwards}.projects-mode-selector .chrome-mode-preview-expand-layer img{object-fit:cover;background:var(--surface-2);backface-visibility:hidden;width:100%;height:100%;display:block;transform:translateZ(0)}.projects-mode-selector .chrome-mode-preview-focus-portal{z-index:2;pointer-events:none;opacity:1;background:var(--mode-focus-dim);-webkit-backdrop-filter:blur(var(--mode-focus-blur)) saturate(.97);backdrop-filter:blur(var(--mode-focus-blur)) saturate(.97);-webkit-mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #00000014 calc(var(--mode-spot-clear-core) + 10%), #00000052 calc(var(--mode-spot-clear-core) + 22%), #0000009e calc(var(--mode-spot-clear-core) + 34%), black calc(var(--mode-spot-clear-core) + 48%));-webkit-mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #00000014 calc(var(--mode-spot-clear-core) + 10%), #00000052 calc(var(--mode-spot-clear-core) + 22%), #0000009e calc(var(--mode-spot-clear-core) + 34%), black calc(var(--mode-spot-clear-core) + 48%));mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #00000014 calc(var(--mode-spot-clear-core) + 10%), #00000052 calc(var(--mode-spot-clear-core) + 22%), #0000009e calc(var(--mode-spot-clear-core) + 34%), black calc(var(--mode-spot-clear-core) + 48%));transition:background .18s var(--mode-preview-ease);position:absolute;inset:0;transform:translateZ(0);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.projects-mode-selector.is-hovering .chrome-mode-preview-focus-portal{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0a0c1038;transition:none}.projects-mode-selector.is-mode-selected .chrome-mode-preview-focus-portal{background:var(--mode-focus-dim-idle);-webkit-backdrop-filter:blur(var(--mode-focus-blur-idle)) saturate(.98);backdrop-filter:blur(var(--mode-focus-blur-idle)) saturate(.98);-webkit-mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #0000000a calc(var(--mode-spot-clear-core) + 10%), #00000024 calc(var(--mode-spot-clear-core) + 24%), #00000052 calc(var(--mode-spot-clear-core) + 38%), black calc(var(--mode-spot-clear-core) + 52%));-webkit-mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #0000000a calc(var(--mode-spot-clear-core) + 10%), #00000024 calc(var(--mode-spot-clear-core) + 24%), #00000052 calc(var(--mode-spot-clear-core) + 38%), black calc(var(--mode-spot-clear-core) + 52%));mask-image:radial-gradient(ellipse var(--mode-spot-clear-rx) var(--mode-spot-clear-ry) at var(--mode-spot-x,25%) var(--mode-spot-y,16.666%), transparent 0%, transparent var(--mode-spot-clear-core), #0000000a calc(var(--mode-spot-clear-core) + 10%), #00000024 calc(var(--mode-spot-clear-core) + 24%), #00000052 calc(var(--mode-spot-clear-core) + 38%), black calc(var(--mode-spot-clear-core) + 52%))}.projects-mode-selector .chrome-mode-preview-labels-layer{z-index:5;pointer-events:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;height:100%;display:grid;position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-label-slot{position:relative;overflow:visible}.projects-mode-selector .chrome-mode-preview-grid-6{z-index:4;pointer-events:auto;background:0 0;border:none;grid-template-rows:repeat(3,minmax(0,1fr));grid-template-columns:repeat(2,minmax(0,1fr));gap:0;width:100%;height:100%;margin:0;padding:0;display:grid;position:absolute;inset:0}.projects-mode-selector.is-hovering .chrome-mode-preview-grid-6,.projects-mode-selector.is-hovering .chrome-mode-preview-cell{background:0 0}.projects-mode-selector .chrome-mode-preview-cell{cursor:pointer;background:0 0;border:none;border-radius:0;width:100%;height:100%;min-height:0;margin:0;padding:0;transition:filter .22s;display:block;position:relative;overflow:hidden}.projects-mode-selector .chrome-mode-preview-cell:before{content:"";z-index:1;pointer-events:none;opacity:0;transition:opacity .32s var(--mode-preview-ease);background:0 0;position:absolute;inset:0}.projects-mode-selector .chrome-mode-preview-cell:nth-child(odd){border-right:1px solid color-mix(in srgb, var(--border-subtle) 88%, #fff 12%)}.projects-mode-selector .chrome-mode-preview-cell:nth-child(-n+4){border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 88%, #fff 12%)}.projects-mode-selector .chrome-mode-preview-cell:hover,.projects-mode-selector .chrome-mode-preview-cell:focus-visible,.projects-mode-selector .chrome-mode-preview-cell.is-hovered{z-index:2}@media (prefers-reduced-motion:reduce){.projects-mode-selector{--mode-expand-ms:.18s;--mode-expand-out-ms:.16s}.projects-mode-selector .chrome-mode-preview-expand-layer.anim-expand-in,.projects-mode-selector .chrome-mode-preview-expand-layer.anim-expand-out{animation-duration:.18s}.projects-mode-selector .chrome-mode-preview-focus-portal,.projects-mode-selector .chrome-mode-preview-cell:before,.projects-mode-selector .chrome-mode-preview-mode-label{transition:none}}.projects-mode-selector.is-confirming .chrome-mode-preview-stack{box-shadow:0 12px 32px #0000003d}.projects-mode-selector.is-confirming .chrome-mode-preview-collage-cell.is-confirm-dimmed{filter:brightness(.72)saturate(.88);opacity:.72}.projects-mode-selector.is-confirming .chrome-mode-preview-collage-cell.is-confirm-target{filter:none;opacity:1;z-index:2;outline-offset:-2px;outline:2px solid #ffffffb8}.projects-mode-selector.is-confirming .chrome-mode-preview-label-slot.is-confirm-dimmed .chrome-mode-preview-mode-label{opacity:.42}.projects-mode-selector.is-confirming .chrome-mode-preview-label-slot.active .chrome-mode-preview-mode-label,.projects-mode-selector.is-confirming .chrome-mode-preview-label-slot.is-confirm-target .chrome-mode-preview-mode-label{opacity:1}.projects-mode-selector.is-confirming .chrome-mode-preview-label-slot.is-confirm-target .chrome-mode-preview-mode-label{opacity:0}.projects-mode-selector .chrome-mode-preview-cell-confirm{z-index:12;border-radius:inherit;pointer-events:auto;animation:mode-selector-confirm-in .18s var(--mode-preview-ease) both;flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone{cursor:pointer;text-align:center;border:none;flex-direction:column;flex:50%;justify-content:center;align-items:center;gap:2px;min-height:0;margin:0;padding:4px 6px;transition:background .12s,filter .12s,transform 80ms;display:flex}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone.is-yes{color:#fff;background:linear-gradient(#20b758 0%,#159a46 100%);border-bottom:1px solid #00000038}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone.is-yes:hover{filter:brightness(1.06)}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone.is-no{color:#f4f5f7;background:linear-gradient(#333d4d 0%,#1e2735 100%)}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone.is-no:hover{filter:brightness(1.12)}.projects-mode-selector .chrome-mode-preview-cell-confirm-zone:active{transform:scale(.985)}.projects-mode-selector .chrome-mode-preview-cell-confirm-action{width:100%;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:center;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;gap:1px;margin:0;padding:0;display:flex}.projects-mode-selector .chrome-mode-preview-cell-confirm-title{letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.1}.projects-mode-selector .chrome-mode-preview-cell-confirm-mode{opacity:.95;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.62rem;font-weight:700;line-height:1.15;overflow:hidden}.projects-mode-selector .chrome-mode-preview-cell-confirm-hint{opacity:.82;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;font-size:.52rem;font-weight:500;line-height:1.2;display:-webkit-box;overflow:hidden}.projects-mode-selector .chrome-mode-preview-cell-confirm-save{color:#fff;cursor:pointer;white-space:nowrap;background:#ffffff1f;border:1px solid #ffffff59;border-radius:999px;margin-top:2px;padding:2px 6px;font-size:.52rem;font-weight:700;line-height:1.2}.projects-mode-selector .chrome-mode-preview-cell-confirm-save:hover{background:#fff3}.projects-mode-selector.is-confirming .chrome-mode-preview-cell.is-confirm-target{z-index:6;pointer-events:auto;overflow:visible}.projects-mode-selector.is-confirming .chrome-mode-preview-cell.is-confirm-target:before{opacity:0}@keyframes mode-selector-confirm-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.projects-mode-selector.is-confirming .chrome-mode-preview-cell:not(.is-confirm-target){cursor:pointer}.projects-mode-selector .chrome-mode-preview-trigger:disabled{opacity:.72;cursor:default}.projects-mode-selector .chrome-mode-preview-trigger strong{letter-spacing:.02em;color:var(--text);text-shadow:none;font-size:.76rem;font-weight:700;display:inline-block;overflow:visible}.projects-mode-selector .chrome-mode-preview-trigger svg{color:var(--muted);filter:none}.mode-selector-section .projects-mode-selector{padding:8px 10px 6px}.projects-chat-list{flex-direction:column;gap:9px;max-height:360px;margin:0;padding:2px 0 0;list-style:none;transition:opacity .16s;display:flex;overflow-y:auto}.projects-chat-list.is-refreshing{opacity:.68;pointer-events:none}.projects-panel.compact .projects-chat-list{flex:1;min-height:0;max-height:none;padding:2px 0 10px;overflow-y:auto}.projects-search{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:8px;align-items:center;gap:6px;margin-bottom:8px;padding:5px 8px;display:flex}.projects-compact-search-row{align-items:center;gap:6px;margin-bottom:8px;display:flex}.projects-compact-search-row .projects-search{flex:1;margin-bottom:0}.projects-panel.compact .projects-chat-block{background:0 0;border:none;flex-direction:column;flex:1;min-height:0;margin-bottom:0;padding:8px 8px 6px;display:flex}.projects-panel.compact .projects-history-left-block{border:1px solid var(--border);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 92%, transparent);flex-direction:column;min-height:220px;margin:6px 8px 8px;padding:8px;display:flex;overflow:hidden}.projects-history-left-body{flex:1;min-height:0;overflow:auto}.projects-search input{width:100%;color:var(--text);background:0 0;border:none;outline:none;font-size:.74rem}.projects-mode-filters{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.projects-mode-chip{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 9px;font-size:.66rem}.projects-mode-chip.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.projects-mode-group{gap:4px;margin-bottom:4px;list-style:none;display:grid}.projects-mode-group-head{color:var(--muted);justify-content:space-between;align-items:center;padding:2px 4px;font-size:.64rem;display:flex}.projects-files-head{color:var(--muted);margin:2px 0 8px;font-size:.7rem}.projects-files-block .file-explorer{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;min-height:220px;overflow:hidden}.projects-chat-row{border:1px solid var(--border-subtle);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 88%, transparent), color-mix(in srgb, var(--surface-2) 82%, transparent));width:100%;color:var(--text);cursor:pointer;text-align:left;border-radius:8px;justify-content:space-between;align-items:center;gap:7px;min-height:42px;padding:4px 6px;transition:background .14s,border-color .14s,transform .14s,box-shadow .18s;display:flex;position:relative;overflow:hidden}.projects-chat-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;width:34px;height:34px}.projects-chat-row.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 14%, var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 20%, transparent)}.projects-chat-row:hover{background:color-mix(in srgb, var(--surface-hover) 76%, var(--surface-2));border-color:var(--link);transform:translateY(-1px)}.projects-chat-title{text-overflow:ellipsis;white-space:nowrap;font-size:.7rem;font-weight:600;overflow:hidden}.projects-chat-inline-confirm-title{color:color-mix(in srgb, #ef4444 80%, var(--text));letter-spacing:.01em;flex-shrink:0;align-items:center;font-size:.58rem;animation:.12s ease-out projects-confirm-label-in;display:inline-flex}.projects-chat-inline-confirm-title.is-exiting{animation:90ms ease-in forwards projects-confirm-label-out}.projects-chat-row-body{flex-direction:column;flex:1;gap:1px;min-width:0;padding-right:60px;display:flex}.projects-chat-title-row{justify-content:flex-start;align-items:center;gap:8px;min-width:0;display:flex}.projects-chat-top-right{flex-shrink:0;align-items:center;gap:5px;margin-left:auto;display:inline-flex}.projects-chat-pill{color:var(--text-secondary);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 90%, transparent);white-space:nowrap;border-radius:999px;padding:1px 5px;font-size:.52rem}.projects-chat-meta-row{justify-content:space-between;align-items:center;gap:8px;display:inline-flex}.projects-chat-inline-preview{aspect-ratio:1;border:1px solid var(--border-subtle);background:0 0;border-radius:5px;flex-shrink:0;align-self:stretch;width:44px;min-height:100%;max-height:44px;overflow:hidden}.projects-chat-inline-thumb{object-fit:cover;background:0 0;width:100%;height:100%;display:block}.projects-chat-inline-thumb-style{background:linear-gradient(135deg, #6366f159 0%, #ec489947 100%), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--border-subtle) 68%, transparent) 0, color-mix(in srgb, var(--border-subtle) 68%, transparent) 4px, transparent 4px, transparent 8px);width:100%;height:100%;display:block}.projects-chat-inline-preview.is-empty{border-style:dashed}.projects-chat-inline-thumb-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-2) 75%, transparent), transparent), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--border-subtle) 72%, transparent) 0, color-mix(in srgb, var(--border-subtle) 72%, transparent) 4px, transparent 4px, transparent 8px);width:100%;height:100%;display:block}.projects-chat-sub{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);font-size:.56rem;overflow:hidden}.projects-chat-date{text-overflow:ellipsis;white-space:nowrap;color:var(--muted);flex-shrink:0;font-size:.54rem;overflow:hidden}.projects-chat-meta-line{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.54rem;overflow:hidden}.projects-chat-refs-marquee{white-space:nowrap;color:var(--muted);font-size:.56rem;display:block;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 8% 92%,#0000 100%)}.projects-chat-refs-marquee span{padding-left:100%;animation:11s linear infinite projects-refs-marquee;display:inline-block}@keyframes projects-refs-marquee{0%{transform:translate(0)}to{transform:translate(-100%)}}.projects-chat-meta{color:var(--muted);flex-shrink:0;align-items:center;gap:4px;font-size:.66rem;display:inline-flex}.projects-chat-group{flex-direction:column;gap:2px;display:flex}.projects-chat-row-wrap{display:block;position:relative}.projects-chat-controls{z-index:3;border:none;border-left:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);background:color-mix(in srgb, var(--surface-2) 18%, transparent);opacity:.55;pointer-events:auto;border-radius:7px;flex-direction:column;justify-content:center;align-items:center;gap:3px;padding:2px 0;transition:opacity .16s,background .14s;display:inline-flex;position:absolute;top:3px;bottom:3px;right:52px}.projects-chat-controls.is-confirming{opacity:1;background:color-mix(in srgb, #ef4444 20%, var(--surface-2));animation:.12s ease-out projects-confirm-rail-in}.projects-chat-controls.is-confirming.is-exiting{animation:90ms ease-in forwards projects-confirm-rail-out}.projects-chat-row-wrap:hover .projects-chat-controls,.projects-chat-row-wrap:focus-within .projects-chat-controls{opacity:.95;background:color-mix(in srgb, var(--surface-2) 34%, transparent)}@media (hover:none){.projects-chat-controls{opacity:.8;pointer-events:auto;top:3px;bottom:3px;right:58px}}.projects-chat-preview-trigger{border:1px solid var(--border-subtle);background:var(--surface-2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;padding:0;transition:border-color .14s,transform .14s;display:inline-flex;overflow:hidden}.projects-chat-preview-trigger:hover{border-color:var(--link);transform:translateY(-1px)}.projects-chat-preview-trigger.is-empty{opacity:.9;border-style:dashed}.projects-chat-thumb-empty{background:linear-gradient(135deg, color-mix(in srgb, var(--surface-2) 75%, transparent), transparent), repeating-linear-gradient(-45deg, color-mix(in srgb, var(--border-subtle) 72%, transparent) 0, color-mix(in srgb, var(--border-subtle) 72%, transparent) 4px, transparent 4px, transparent 8px);width:100%;height:100%;display:block}.projects-chat-expand{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 70%, transparent);opacity:.88;pointer-events:auto;z-index:1;border-radius:5px;width:19px;height:19px;transition:border-color .14s,background .14s,opacity .14s;position:relative;top:auto;right:auto;transform:translateY(0)}.projects-chat-expand.open{opacity:1;pointer-events:auto;transform:translateY(0)}.projects-chat-expand:hover{border-color:var(--link);background:var(--surface-hover)}.projects-chat-actions{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 70%, transparent);opacity:.88;pointer-events:auto;z-index:1;border-radius:5px;width:19px;height:19px;transition:border-color .14s,background .14s,opacity .14s;position:relative;top:auto;right:auto}.projects-chat-actions:hover{border-color:var(--link);background:var(--surface-hover)}.projects-chat-actions.is-confirming,.projects-chat-delete.is-confirming,.projects-chat-thread-actions.is-confirming,.projects-chat-thread-delete.is-confirming{animation:.12s ease-out projects-confirm-btn-in}.projects-chat-actions.is-confirming.is-exiting,.projects-chat-delete.is-confirming.is-exiting,.projects-chat-thread-actions.is-confirming.is-exiting,.projects-chat-thread-delete.is-confirming.is-exiting{animation:90ms ease-in forwards projects-confirm-btn-out}.projects-chat-delete{border:1px solid var(--border-subtle);background:color-mix(in srgb, #ef4444 10%, var(--surface));opacity:.96;pointer-events:auto;z-index:1;width:19px;height:19px;color:color-mix(in srgb, #ef4444 74%, var(--text));border-radius:5px;transition:border-color .14s,background .14s,opacity .14s;position:relative;top:auto;right:auto}.projects-chat-inline-confirm{border:1px solid color-mix(in srgb, #ef4444 38%, var(--border-subtle));background:color-mix(in srgb, #ef4444 10%, var(--surface-2));border-radius:10px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:5px 8px;animation:.14s projects-inline-confirm-in;display:flex}.projects-chat-inline-confirm span{color:var(--text);font-size:.64rem}.projects-chat-inline-confirm-actions{align-items:center;gap:6px;display:inline-flex}.projects-chat-thread-list{flex-direction:column;gap:2px;margin:0;padding:0 0 0 12px;list-style:none;display:flex}.projects-show-more{width:100%;margin-top:6px}.projects-chat-thread-row{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 72%, transparent);width:100%;color:var(--text-secondary);text-align:left;cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px;transition:border-color .14s,background .14s;display:flex}.projects-chat-thread-row:hover{background:var(--surface-hover);border-color:var(--link)}.projects-chat-thread-row.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 13%, var(--surface-2));color:var(--text);box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 22%, transparent)}.projects-chat-thread-row.active .projects-chat-thread-active-dot{border-color:color-mix(in srgb, #7ee0a1 50%, var(--border-subtle))}.projects-chat-thread-row-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.projects-chat-thread-controls{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);background:color-mix(in srgb, var(--bg-deep) 76%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);border-radius:8px;align-items:center;gap:4px;padding:2px;display:inline-flex}.projects-chat-thread-controls.is-confirming{background:color-mix(in srgb, #ef4444 14%, var(--bg-deep));animation:.12s ease-out projects-confirm-rail-in}.projects-chat-thread-controls.is-confirming.is-exiting{animation:90ms ease-in forwards projects-confirm-rail-out}.projects-chat-thread-actions{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 70%, transparent);opacity:.9;pointer-events:auto;border-radius:6px;width:22px;height:22px;transition:border-color .14s,background .14s,opacity .14s}.projects-chat-thread-delete{border:1px solid var(--border-subtle);background:color-mix(in srgb, #ef4444 10%, var(--surface));opacity:.96;pointer-events:auto;width:22px;height:22px;color:color-mix(in srgb, #ef4444 72%, var(--text));border-radius:6px;transition:border-color .14s,background .14s,opacity .14s}.projects-chat-thread-row-wrap:hover .projects-chat-thread-actions,.projects-chat-thread-row-wrap:focus-within .projects-chat-thread-actions,.projects-chat-thread-row-wrap:hover .projects-chat-thread-delete,.projects-chat-thread-row-wrap:focus-within .projects-chat-thread-delete{opacity:1;pointer-events:auto}.projects-chat-thread-actions:hover{border-color:var(--link);background:var(--surface-hover)}.projects-chat-thread-inline-confirm{border:1px solid color-mix(in srgb, #ef4444 35%, var(--border-subtle));background:color-mix(in srgb, #ef4444 8%, var(--surface-2));border-radius:9px;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;margin-left:12px;padding:5px 7px;animation:.14s projects-inline-confirm-in;display:flex}.projects-chat-thread-inline-confirm span{color:var(--text);font-size:.62rem}@keyframes projects-inline-confirm-in{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}@keyframes projects-confirm-label-in{0%{opacity:0;transform:translate(-4px)scale(.98)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes projects-confirm-label-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-3px)scale(.98)}}@keyframes projects-confirm-btn-in{0%{opacity:.72;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes projects-confirm-btn-out{0%{opacity:1;transform:scale(1)}to{opacity:.74;transform:scale(.9)}}@keyframes projects-confirm-rail-in{0%{opacity:.62;transform:translateY(1px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes projects-confirm-rail-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:.76;transform:translateY(1px)scale(.985)}}.projects-chat-thread-title{text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:4px;font-size:.68rem;display:inline-flex;overflow:hidden}.projects-chat-thread-confirm-title{color:color-mix(in srgb, #ef4444 78%, var(--text));letter-spacing:.01em;align-items:center;margin-left:4px;font-size:.56rem;animation:.12s ease-out projects-confirm-label-in;display:inline-flex}.projects-chat-thread-confirm-title.is-exiting{animation:90ms ease-in forwards projects-confirm-label-out}.projects-chat-thread-date{color:var(--muted);flex-shrink:0;font-size:.61rem}.projects-chat-thread-meta{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.projects-chat-thread-active-dot{color:#7ee0a1;border:1px solid color-mix(in srgb, #7ee0a1 34%, var(--border-subtle));white-space:nowrap;background:#7ee0a11a;border-radius:999px;padding:1px 6px;font-size:.56rem}.projects-chat-empty{margin:0;font-size:.68rem}.projects-preview-modal-backdrop{z-index:70;background:#0000008f;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.projects-preview-modal{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:column;width:min(88vw,760px);max-height:86vh;display:flex;overflow:hidden}.projects-preview-modal-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.projects-preview-modal-head strong{text-overflow:ellipsis;white-space:nowrap;font-size:.74rem;overflow:hidden}.projects-preview-counter{color:var(--muted);font-size:.68rem}.projects-preview-modal-body{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:10px;display:grid}.projects-preview-modal-body.single{grid-template-columns:1fr}.projects-preview-image-wrap{touch-action:pan-y;cursor:grab;width:100%}.projects-preview-image-wrap:active{cursor:grabbing}.projects-preview-modal-body img{object-fit:contain;border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:10px;width:100%;max-height:70vh}.projects-preview-nav{border:1px solid var(--border-subtle)}.generation-history-panel{flex-direction:column;height:100%;min-height:0;display:flex}.generation-history-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.generation-history-head strong{font-size:.74rem}.generation-history-filters{align-items:center;gap:6px;display:inline-flex}.generation-history-filters select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:4px 6px;font-size:.68rem}.generation-history-track{flex:1;grid-template-columns:repeat(auto-fill,minmax(86px,1fr));gap:8px;min-height:0;padding:10px;display:grid;overflow-y:auto}.generation-history-item{flex-direction:column;gap:4px;display:flex}.generation-history-item.generating{opacity:.95}.generation-history-thumb{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;aspect-ratio:220/98;border-radius:8px;padding:0;overflow:hidden}.generation-history-thumb.active{border-color:var(--link)}.generation-history-thumb img{object-fit:cover;width:100%;height:100%;display:block}.generation-loading-card{width:100%;height:100%;color:var(--text);background:linear-gradient(120deg, color-mix(in srgb, var(--link) 14%, transparent), color-mix(in srgb, var(--link) 32%, transparent), color-mix(in srgb, var(--link) 14%, transparent));justify-content:center;align-items:center;gap:6px;font-size:.66rem;animation:1.2s ease-in-out infinite history-loading-pulse;display:flex}.generation-history-tree{border-top:1px solid var(--border-subtle);gap:6px;max-height:168px;padding:8px 10px;display:grid;overflow-y:auto}.generation-history-tree>strong{color:var(--text-secondary);font-size:.68rem}.generation-chain-block{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:10px;flex-direction:column;gap:6px;padding:6px;display:flex}.generation-chain-row{align-items:center;gap:4px;display:flex;position:relative}.generation-chain-block.native .generation-chain-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.generation-chain-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.68rem;font-weight:600;overflow:hidden}.generation-chain-meta{color:var(--muted);flex-shrink:0;font-size:.6rem}.generation-chain-track{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.generation-chain-open{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;border-radius:8px;gap:2px;width:58px;padding:2px;display:grid}.generation-chain-open img,.generation-chain-open span{object-fit:cover;background:var(--surface-2);border-radius:6px;width:100%;height:26px;display:block}.generation-chain-open small{color:var(--text-secondary);font-size:.56rem}.generation-chain-row.active .generation-chain-open{border-color:var(--link);background:color-mix(in srgb, var(--link) 8%, transparent)}.generation-chain-actions{align-items:center;gap:2px;display:flex}.generation-merge-status{border-top:1px solid var(--border-subtle);color:var(--text-secondary);align-items:center;gap:6px;padding:6px 10px;font-size:.66rem;display:flex}@keyframes history-loading-pulse{0%{filter:brightness(.88)}50%{filter:brightness(1.1)}to{filter:brightness(.88)}}.generation-history-meta{justify-content:space-between;align-items:center;gap:6px;display:flex}.generation-history-meta small{color:var(--muted);text-transform:uppercase;font-size:.62rem}.variant-snapshot-badge{border:1px solid var(--border-subtle);border-radius:999px;align-items:center;gap:3px;padding:1px 6px;display:inline-flex;text-transform:none!important;font-size:.56rem!important}.variant-snapshot-badge.ok{border-color:#7ee0a159;color:#7ee0a1!important}.variant-snapshot-badge.full-context{letter-spacing:.01em;background:#7ee0a114;border-color:#7ee0a16b;color:#7ee0a1!important;font-size:.52rem!important}.variant-snapshot-badge.warn{border-color:#f6c26b59;color:#f6c26b!important}.prompt-canvas-shell{flex-direction:column;height:100%;min-height:0;display:flex}.prompt-canvas-shell--workspace{box-sizing:border-box;gap:6px;padding:8px 8px 0;position:relative;overflow:hidden}.prompt-canvas-mini-controls{justify-content:flex-end;align-items:center;gap:8px;padding:0 2px;display:flex}.prompt-canvas-zoom-chip{border:1px solid var(--border-subtle);min-width:48px;height:22px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:999px;justify-content:center;align-items:center;padding:0 8px;font-size:.6rem;display:inline-flex}.prompt-canvas-head{border-bottom:1px solid var(--border-subtle);background:var(--surface);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;gap:12px;padding:8px 12px;display:flex}.prompt-canvas-actions{align-items:center;gap:8px;display:flex}.prompt-canvas-actions label{color:var(--muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.prompt-canvas-actions select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:4px 6px}.prompt-canvas-viewport{background-color:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-sm);box-sizing:border-box;flex:auto;min-height:200px;padding-bottom:8px;transition:opacity .18s;position:relative;overflow:hidden}.prompt-canvas-viewport.is-grid-visible{background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:var(--canvas-grid-unit,42px) var(--canvas-grid-unit,42px);background-position:var(--canvas-grid-x,0) var(--canvas-grid-y,0)}.prompt-canvas-world{transform-origin:0 0;will-change:transform;background-color:#0000;width:100%;min-width:2000px;min-height:1400px;position:relative}.prompt-canvas-viewport-hud{z-index:12;pointer-events:none;flex-direction:column;align-items:flex-end;gap:8px;display:flex;position:absolute;bottom:14px;right:14px}.production-floor--inspector-overlay:not(:has(.inspector-panel.collapsed)) .prompt-canvas-viewport-hud{right:calc(var(--panel-right-fixed,0px) + 14px)}.prompt-canvas-viewport-hud>*{pointer-events:auto}.prompt-canvas-minimap{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);cursor:crosshair;background:color-mix(in srgb, var(--surface-1) 92%, transparent);border-radius:10px;flex-shrink:0;overflow:hidden;box-shadow:0 10px 28px #0000003d}.prompt-canvas-minimap-bg{fill:color-mix(in srgb, var(--surface-2) 92%, transparent)}.prompt-canvas-minimap-node{fill:color-mix(in srgb, var(--border-strong) 70%, transparent)}.prompt-canvas-minimap-node.is-main{fill:color-mix(in srgb, var(--link) 28%, transparent)}.prompt-canvas-minimap-node.is-ref{fill:#8b5cf659}.prompt-canvas-minimap-node.is-connector{fill:#22c55e4d}.prompt-canvas-minimap-node.is-lane-composer,.prompt-canvas-minimap-node.is-lane-results{fill:#f59e0b52}.prompt-canvas-minimap-node.is-add-prompt{fill:color-mix(in srgb, var(--text-muted) 35%, transparent)}.prompt-canvas-minimap-node.is-active{stroke:var(--link);stroke-width:1.2px}.prompt-canvas-minimap-viewport{fill:none;stroke:var(--link);stroke-width:1.5px;pointer-events:none}.prompt-canvas-viewport-tools{z-index:12;border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-1) 92%, transparent);pointer-events:auto;border-radius:12px;align-items:center;gap:4px;padding:4px 6px;display:inline-flex;position:static;bottom:auto;right:auto;box-shadow:0 10px 28px #0000003d}.prompt-canvas-viewport-tool-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);background:color-mix(in srgb, var(--surface-2) 90%, transparent);width:36px;height:34px;color:var(--text);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;display:inline-flex}.prompt-canvas-viewport-tool-btn:hover{border-color:color-mix(in srgb, var(--link) 40%, transparent);color:var(--link)}.prompt-canvas-viewport-tool-btn.is-zoom-hint{letter-spacing:.02em;height:auto;min-height:26px;color:var(--warning,#f59e0b);border-color:color-mix(in srgb, var(--warning,#f59e0b) 45%, var(--border-subtle));background:color-mix(in srgb, var(--warning,#f59e0b) 10%, var(--surface-2));padding:0 8px;font-size:.58rem;font-weight:700}.prompt-canvas-viewport-tool-btn.is-primary{color:var(--link);border-color:color-mix(in srgb, var(--link) 35%, transparent);background:color-mix(in srgb, var(--link) 10%, transparent)}.prompt-canvas-viewport-tool-btn.is-active{color:var(--link);border-color:color-mix(in srgb, var(--link) 40%, transparent);background:color-mix(in srgb, var(--link) 12%, transparent)}.prompt-canvas-viewport-zoom-label{text-align:center;min-width:48px;color:var(--text-secondary);-webkit-user-select:none;user-select:none;font-size:.68rem;font-weight:700}.prompt-role-connectors{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.prompt-role-slot{flex-direction:column;align-content:start;gap:8px;min-height:0;display:flex}.prompt-role-connector{--connector-color:var(--border-strong);--connector-glow-color:var(--connector-color);--connector-glow-opacity:0;--connector-glow-spread:36px;--connector-bridge-opacity:0;--connector-border-mix:22%;--connector-interior-mix:4%;border:1px solid color-mix(in srgb, var(--connector-color) var(--connector-border-mix), var(--border-subtle));background:linear-gradient(165deg, color-mix(in srgb, var(--connector-color) var(--connector-fill-top,5%), var(--surface-2)) 0%, color-mix(in srgb, var(--connector-color) var(--connector-fill-bottom,2%), var(--surface-1)) 100%);isolation:isolate;border-radius:10px;flex-direction:column;gap:0;min-height:86px;padding:0;transition:border-color .22s cubic-bezier(.22,.61,.36,1),background .22s cubic-bezier(.22,.61,.36,1),box-shadow .22s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1);display:flex;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 1px #00000029}.prompt-role-connector:not(.has-items){background:color-mix(in srgb, var(--connector-color) 3%, var(--surface-2));border-style:dashed}.prompt-role-connector:before,.prompt-role-connector:after{content:"";pointer-events:none;z-index:0;opacity:1;transition:opacity .28s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1),filter .28s cubic-bezier(.22,.61,.36,1);position:absolute}.prompt-role-connector:before{opacity:var(--connector-glow-opacity);filter:blur(var(--connector-glow-spread));background:radial-gradient(ellipse 76% 84% at 50% 54%, color-mix(in srgb, var(--connector-glow-color) 34%, transparent), transparent 62%);border-radius:16px;inset:-20px -24px}.prompt-role-connector:after{height:52px;opacity:var(--connector-bridge-opacity);filter:blur(16px);background:radial-gradient(ellipse 86% 100% at 50% 100%, color-mix(in srgb, var(--connector-glow-color) 40%, transparent), transparent 68%);inset:auto 12% -6px}.prompt-canvas-connectors-wrap .prompt-role-connector{transition:border-color .26s cubic-bezier(.22,.61,.36,1),background .26s cubic-bezier(.22,.61,.36,1),box-shadow .26s cubic-bezier(.22,.61,.36,1),opacity .26s cubic-bezier(.22,.61,.36,1),filter .26s cubic-bezier(.22,.61,.36,1)}.prompt-canvas-bottom-grid:not(.guide-unified-active) .prompt-canvas-connectors-wrap .prompt-role-connector{transition:border-color .26s cubic-bezier(.22,.61,.36,1) .32s,background .26s cubic-bezier(.22,.61,.36,1) .32s,box-shadow .26s cubic-bezier(.22,.61,.36,1) .32s,opacity .26s cubic-bezier(.22,.61,.36,1) .32s,filter .26s cubic-bezier(.22,.61,.36,1) .32s}.prompt-role-connector.has-items{--connector-border-mix:42%;--connector-fill-top:8%;--connector-fill-bottom:3%;--connector-interior-mix:6%;--connector-glow-opacity:.42;--connector-glow-spread:40px;--connector-bridge-opacity:.22;border-style:solid;border-color:color-mix(in srgb, var(--connector-color) var(--connector-border-mix), var(--border-subtle));background:linear-gradient(165deg, color-mix(in srgb, var(--connector-color) var(--connector-fill-top), var(--surface-2)) 0%, color-mix(in srgb, var(--connector-color) var(--connector-fill-bottom), var(--surface-1)) 100%)}.prompt-role-connector.is-drag-target{--connector-glow-color:var(--connector-color);--connector-border-mix:34%;--connector-fill-top:10%;--connector-fill-bottom:4%;--connector-interior-mix:8%;--connector-glow-opacity:.68;--connector-glow-spread:46px;--connector-bridge-opacity:.44;border-style:solid;border-color:color-mix(in srgb, var(--connector-color) var(--connector-border-mix), transparent);box-shadow:0 10px 24px color-mix(in srgb, var(--connector-color) 14%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--connector-color) 10%, transparent), inset 0 1px 0 #ffffff0d;transform:translateY(-1px)}.prompt-role-connector.is-guide-target{--connector-glow-color:var(--connector-color);--connector-border-mix:32%;--connector-fill-top:8%;--connector-fill-bottom:3%;--connector-interior-mix:7%;--connector-glow-opacity:.56;--connector-glow-spread:32px;--connector-bridge-opacity:.36;border-style:solid;border-color:color-mix(in srgb, var(--connector-color) var(--connector-border-mix), transparent);box-shadow:0 8px 20px color-mix(in srgb, var(--connector-color) 12%, transparent), inset 0 0 0 1px color-mix(in srgb, var(--connector-color) 8%, transparent)}.prompt-role-connector.is-drag-target.is-guide-target{--connector-border-mix:38%;--connector-fill-top:10%;--connector-fill-bottom:4%;--connector-interior-mix:9%;--connector-glow-opacity:.74;--connector-glow-spread:50px;--connector-bridge-opacity:.48}.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-guide-target,.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-drag-target{--connector-glow-opacity:.94;--connector-glow-spread:24px;--connector-bridge-opacity:.78}.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-guide-target:before,.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-drag-target:before{filter:blur(22px);background:radial-gradient(ellipse 70% 88% at 50% 58%, color-mix(in srgb, var(--connector-glow-color) 68%, transparent), transparent 56%);inset:-16px 9%}.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-guide-target:after,.prompt-canvas-bottom-grid.guide-unified-active .prompt-role-connector.is-drag-target:after{filter:blur(20px);background:radial-gradient(ellipse 92% 100% at 50% 100%, color-mix(in srgb, var(--connector-glow-color) 72%, transparent), transparent 62%);height:68px;bottom:-4px;left:14%;right:14%}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-guide-target:before,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-drag-target:before,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-guide-target:before,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-drag-target:before{background:radial-gradient(ellipse 70% 88% at 50% 58%, color-mix(in srgb, var(--connector-glow-color) 78%, transparent), transparent 54%)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-guide-target:after,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-drag-target:after{background:radial-gradient(ellipse 92% 100% at 50% 100%, color-mix(in srgb, var(--connector-glow-color) 82%, transparent), transparent 58%);transform-origin:50% 100%;transform:rotate(-30deg)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-guide-target:after,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-drag-target:after{background:radial-gradient(ellipse 92% 100% at 50% 100%, color-mix(in srgb, var(--connector-glow-color) 82%, transparent), transparent 58%);transform-origin:50% 100%;transform:rotate(30deg)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-guide-target,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left .prompt-role-connector.is-drag-target,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-guide-target,.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right .prompt-role-connector.is-drag-target{--connector-glow-opacity:.98;--connector-bridge-opacity:.84}.prompt-role-connector-head{z-index:3;background:linear-gradient(to bottom, color-mix(in srgb, var(--surface) 78%, transparent), color-mix(in srgb, var(--surface) 42%, transparent) 72%, transparent);-webkit-backdrop-filter:blur(8px);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;padding:6px 7px;font-size:.64rem;display:flex;position:absolute;top:0;left:0;right:0}.prompt-role-connector:not(.has-items) .prompt-role-connector-head{-webkit-backdrop-filter:none;background:0 0;padding:7px 8px 0;position:static}.prompt-role-connector-title{align-items:center;gap:5px;min-width:0;display:inline-flex}.prompt-role-mix-hint{letter-spacing:.02em;color:var(--muted);text-transform:lowercase;font-size:.52rem;font-weight:500}.prompt-role-status-dot{border:1px solid color-mix(in srgb, var(--muted) 70%, transparent);background:0 0;border-radius:999px;flex-shrink:0;width:7px;height:7px}.prompt-role-status-dot.ready{background:#4cd8a5;border-color:#0000;box-shadow:0 0 8px #34d39973}.prompt-role-status-dot.overflow{background:#f6aa28;border-color:#0000;box-shadow:0 0 8px #f59e0b66}.prompt-role-status-dot.empty{opacity:.55}.prompt-role-mix-badge{border:1px solid color-mix(in srgb, var(--connector-color) 28%, var(--border-subtle));letter-spacing:.06em;text-transform:uppercase;width:fit-content;max-width:92px;height:15px;color:color-mix(in srgb, var(--connector-color) 72%, var(--text));background:color-mix(in srgb, var(--surface) 72%, transparent);-webkit-backdrop-filter:blur(6px);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:3px;padding:0 6px;font-size:.48rem;font-weight:700;display:inline-flex}button.prompt-role-mix-badge:hover{border-color:color-mix(in srgb, var(--connector-color) 48%, var(--border-strong));background:color-mix(in srgb, var(--connector-color) 10%, var(--surface))}.prompt-role-mix-dot{width:5px;height:5px;box-shadow:0 0 0 1px color-mix(in srgb, currentColor 18%, transparent);background:currentColor;border-radius:999px}.prompt-role-mix-badge.pack-only{border-color:color-mix(in srgb, #f59e0b 52%, var(--border-subtle));color:color-mix(in srgb, #f59e0b 78%, var(--text))}.prompt-role-mix-badge.mix{border-color:color-mix(in srgb, #34d399 52%, var(--border-subtle));color:color-mix(in srgb, #34d399 78%, var(--text))}.prompt-role-head-right{align-items:center;gap:5px;min-width:0;display:inline-flex}.prompt-role-help{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 84%, transparent);width:16px;height:16px;color:var(--text-secondary);cursor:help;border-radius:999px;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex;position:relative}.prompt-role-help:hover,.prompt-role-help:focus-visible{color:var(--text);border-color:var(--link)}.prompt-role-help-tip{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 96%, transparent);min-width:200px;max-width:260px;color:var(--text-secondary);white-space:pre-line;box-shadow:var(--shadow);opacity:0;pointer-events:none;z-index:8;border-radius:8px;padding:7px 9px;font-size:.58rem;line-height:1.35;transition:opacity .13s,transform .13s;position:absolute;top:calc(100% + 6px);right:50%;transform:translate(50%,-2px)}.prompt-role-help:hover .prompt-role-help-tip,.prompt-role-help:focus-visible .prompt-role-help-tip{opacity:1;transform:translate(50%)}.prompt-role-accent{letter-spacing:.08em;border:1px solid color-mix(in srgb, var(--connector-color) 42%, var(--border-subtle));min-width:0;height:20px;color:color-mix(in srgb, var(--connector-color) 82%, #fff);background:linear-gradient(180deg, color-mix(in srgb, var(--connector-color) 22%, var(--surface-2)), color-mix(in srgb, var(--connector-color) 10%, var(--surface-1)));border-radius:6px;justify-content:center;align-items:center;padding:0 8px;font-size:.58rem;font-weight:800;display:inline-flex;box-shadow:inset 0 1px #ffffff1f,0 1px 2px #0000002e}button.prompt-role-accent-btn{cursor:pointer;padding:0 9px;transition:background .14s,border-color .14s,transform .14s,box-shadow .14s}button.prompt-role-accent-btn:hover{border-color:color-mix(in srgb, var(--connector-color) 58%, var(--border-strong));box-shadow:inset 0 1px 0 #ffffff29, 0 2px 8px color-mix(in srgb, var(--connector-color) 18%, transparent)}button.prompt-role-accent-btn:active{transform:scale(.98)}.prompt-role-connector.role-reference{--connector-color:#8b5cf6}.prompt-role-connector.role-background{--connector-color:#22c55e}.prompt-role-connector.role-style{--connector-color:#f59e0b}.prompt-role-connector.role-font{--connector-color:#38bdf8}.prompt-role-connector.role-reference .prompt-role-accent,.prompt-role-connector.role-background .prompt-role-accent,.prompt-role-connector.role-style .prompt-role-accent,.prompt-role-connector.role-font .prompt-role-accent{border-color:color-mix(in srgb, var(--connector-color) 35%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 10%, var(--surface-2))}.prompt-role-connector-meta{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:8px;flex-wrap:nowrap;align-items:center;gap:4px 5px;padding:3px 5px;display:flex;overflow:auto hidden}.prompt-role-connector-meta span{border:1px solid var(--border-subtle);color:var(--muted);border-radius:999px;padding:1px 6px;font-size:.58rem}.prompt-role-status-pill{border:1px solid var(--border-subtle);color:var(--muted);background:color-mix(in srgb, var(--surface-2) 90%, transparent);white-space:nowrap;border-radius:999px;align-items:center;gap:3px;padding:1px 6px;font-size:.54rem;display:inline-flex}.prompt-role-status-pill em{white-space:nowrap;text-align:center;min-width:12px;font-style:normal;font-weight:700}.prompt-role-status-pill.ready{color:#7ee0a1;border-color:#7ee0a159}.prompt-role-status-pill.overflow{color:#f6c26b;border-color:#f6c26b59}.prompt-role-count-pill{border:1px solid color-mix(in srgb, var(--connector-color) 28%, var(--border-subtle));min-width:18px;height:18px;color:color-mix(in srgb, var(--connector-color) 70%, var(--text));background:color-mix(in srgb, var(--surface) 70%, transparent);-webkit-backdrop-filter:blur(6px);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:.54rem;font-weight:700;display:inline-flex}.prompt-role-connector-list{z-index:1;flex:1;align-items:stretch;gap:4px;min-height:86px;padding:28px 6px 6px;display:flex;position:relative;overflow:auto hidden}.prompt-role-connector:not(.has-items) .prompt-role-connector-list{align-items:center;min-height:0;padding:0 8px 8px}.prompt-role-connector-list.is-single{min-height:86px;padding:0}.prompt-role-connector-list.is-single .prompt-role-chip-wrap{flex:1;min-width:0;height:100%}.prompt-role-connector-list.is-single .prompt-role-chip{aspect-ratio:auto;background:var(--surface-1);border:none;border-radius:0;width:100%;height:100%;max-height:none}.prompt-role-connector-list.is-single .prompt-role-chip img{object-fit:contain;object-position:center}.prompt-role-connector-list.is-multi{grid-template-columns:repeat(var(--ref-chip-columns,2), minmax(0, 1fr));flex-wrap:nowrap;grid-auto-rows:minmax(0,1fr);align-content:stretch;align-items:stretch;gap:4px;height:100%;min-height:0;display:grid;overflow:hidden}.prompt-role-connector-list.is-multi .prompt-role-chip-wrap{width:100%;min-width:0;height:100%;min-height:0}.prompt-role-connector-list.is-multi .prompt-role-chip{aspect-ratio:auto;width:100%;height:100%;min-height:0;max-height:none}.prompt-role-connector-list.is-multi .prompt-role-chip img{object-fit:contain;object-position:center}.prompt-role-status-icon{border:1px solid var(--border-subtle);width:18px;height:18px;color:var(--muted);background:var(--surface-2);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.prompt-role-status-icon.ready{color:#7ee0a1;border-color:#7ee0a159}.prompt-role-status-icon.overflow{color:#f6c26b;border-color:#f6c26b59}.prompt-role-connector-meta .icon-btn{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:6px;width:20px;height:20px}.prompt-role-pending{border:1px dashed var(--link);color:var(--text-secondary);background:color-mix(in srgb, var(--link) 10%, transparent);border-radius:7px;padding:3px 6px;font-size:.58rem}.prompt-role-controls-below{align-content:start;gap:7px;min-height:0;padding-top:2px;display:grid;overflow:visible}.prompt-role-hover-panel{z-index:18;opacity:0;pointer-events:none;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:clamp(180px,20vw,320px);box-shadow:var(--shadow);border-radius:10px;gap:8px;padding:8px;transition:opacity .28s cubic-bezier(.22,.61,.36,1) .36s,transform .28s cubic-bezier(.22,.61,.36,1) .36s;display:grid;position:absolute}.prompt-role-connector:hover .prompt-role-hover-panel,.prompt-role-connector:focus-within .prompt-role-hover-panel,.prompt-role-connector.is-panel-open .prompt-role-hover-panel{opacity:1;pointer-events:auto;transition-delay:0s}.prompt-role-hover-panel.pos-top{bottom:calc(100% + 8px);left:50%;transform:translate(-50%,5px)}.prompt-role-connector.is-panel-open .prompt-role-hover-panel.pos-top,.prompt-role-connector:hover .prompt-role-hover-panel.pos-top,.prompt-role-connector:focus-within .prompt-role-hover-panel.pos-top{transform:translate(-50%)}.prompt-role-hover-panel.pos-right{top:50%;left:calc(100% + 8px);transform:translate(-5px,-50%)}.prompt-role-connector.is-panel-open .prompt-role-hover-panel.pos-right,.prompt-role-connector:hover .prompt-role-hover-panel.pos-right,.prompt-role-connector:focus-within .prompt-role-hover-panel.pos-right{transform:translateY(-50%)}.prompt-role-hover-panel.pos-left{top:50%;right:calc(100% + 8px);transform:translate(5px,-50%)}.prompt-role-connector.is-panel-open .prompt-role-hover-panel.pos-left,.prompt-role-connector:hover .prompt-role-hover-panel.pos-left,.prompt-role-connector:focus-within .prompt-role-hover-panel.pos-left{transform:translateY(-50%)}.prompt-role-hover-panel.role-reference{width:clamp(220px,24vw,340px);min-width:220px;max-width:280px}.prompt-role-hover-panel.role-font{width:clamp(220px,22vw,320px)}.prompt-role-hover-panel.role-style{width:clamp(220px,24vw,360px)}.prompt-canvas-connectors-dock.is-drop-mode .prompt-role-hover-panel{opacity:0;pointer-events:none}.prompt-role-hover-panel.role-style .prompt-role-style-carousel{scrollbar-width:thin;grid-template-columns:1fr;gap:8px;max-height:min(46vh,320px);padding:2px;display:grid;overflow:hidden auto}.prompt-role-hover-panel.role-style .prompt-style-pack-carousel-item{width:100%;min-width:0;max-width:none;height:72px}.prompt-role-hover-ref{grid-template-columns:54px minmax(0,1fr);align-items:start;gap:8px;display:grid}.prompt-role-hover-ref-hint,.prompt-role-hover-ref-readonly{grid-column:1/-1}.prompt-role-hover-ref-hint{cursor:text;gap:4px;margin:0;display:grid}.prompt-role-hover-ref-hint-head{color:var(--text-secondary);justify-content:space-between;align-items:center;gap:6px;font-size:.56rem;display:flex}.prompt-role-hint-source{background:color-mix(in srgb, var(--surface-2) 80%, transparent);color:var(--muted);white-space:nowrap;border-radius:4px;padding:1px 5px;font-size:.52rem}.prompt-role-hint-source.is-manual{background:color-mix(in srgb, var(--accent) 18%, var(--surface-2));color:var(--accent)}.prompt-role-hover-ref-hint-input{resize:vertical;border:1px solid var(--border-subtle);background:var(--surface-1);width:100%;min-height:52px;color:var(--text);border-radius:8px;padding:6px 8px;font-family:inherit;font-size:.58rem;line-height:1.35}.prompt-role-hover-ref-hint-input:focus{border-color:color-mix(in srgb, var(--accent) 45%, var(--border-subtle));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 12%, transparent);outline:none}.prompt-role-hover-ref-hint-foot{color:var(--muted);font-size:.5rem}.prompt-role-hover-ref-readonly{color:var(--text-secondary);margin:0;font-size:.56rem;line-height:1.3}.prompt-role-hover-ref-image{border:1px solid var(--border-subtle);object-fit:cover;background:var(--surface-2);border-radius:8px;width:54px;height:54px}.prompt-role-hover-ref-text{gap:3px;min-width:0;display:grid}.prompt-role-hover-ref-text strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.prompt-role-hint-ref-picker{flex-wrap:wrap;gap:4px;margin:4px 0;display:flex}.prompt-role-hint-ref-picker button{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);background:var(--surface);cursor:pointer;border-radius:6px;width:28px;height:28px;padding:0;overflow:hidden}.prompt-role-hint-ref-picker button.is-active{border-color:color-mix(in srgb, var(--link) 55%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent)}.prompt-role-hint-ref-picker button img{object-fit:cover;width:100%;height:100%;display:block}.prompt-role-hover-ref-text small{color:var(--text-secondary);max-height:3.9em;margin:0;font-size:.56rem;line-height:1.3;overflow:hidden}.prompt-role-hover-ref-empty{color:var(--muted);border:1px dashed var(--border-subtle);border-radius:8px;padding:8px;font-size:.6rem}.prompt-role-hover-clear{justify-self:end}.prompt-role-connector-list small{color:var(--muted);white-space:normal;margin:0;font-size:.61rem;line-height:1.3}.prompt-role-chip{border:1px solid color-mix(in srgb, var(--connector-color) 18%, var(--border-subtle));background:color-mix(in srgb, var(--surface-1) 92%, transparent);aspect-ratio:1;cursor:pointer;border-radius:8px;width:100%;max-height:52px;padding:0;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f,0 1px 3px #00000024}.prompt-role-chip-wrap:hover .prompt-role-chip{border-color:color-mix(in srgb, var(--connector-color) 48%, var(--border-subtle));box-shadow:inset 0 1px 0 #ffffff14, 0 4px 12px color-mix(in srgb, var(--connector-color) 16%, transparent)}.prompt-role-hint-dot{display:none}.prompt-role-chip-caption,.prompt-role-chip-source-badge{display:block}.prompt-role-chip-caption{color:#fff;white-space:nowrap;text-overflow:ellipsis;opacity:0;background:linear-gradient(#0000,#000000d1);padding:4px 6px 5px;font-size:.5rem;line-height:1.2;transition:opacity .16s,transform .16s;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(4px)}.prompt-role-chip-wrap:hover .prompt-role-chip-caption,.prompt-role-chip-wrap:focus-within .prompt-role-chip-caption{opacity:1;transform:translateY(0)}.prompt-role-connector-list.is-single .prompt-role-chip-caption{padding-bottom:8px;font-size:.52rem}.prompt-role-chip-source-badge{display:none}.prompt-role-chip-desc-check{z-index:3;color:#fff;background:color-mix(in srgb, var(--success,#22c55e) 88%, #000 12%);pointer-events:none;border:1px solid #ffffff8c;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:4px;left:4px;box-shadow:0 1px 4px #00000047}.prompt-role-chip-desc-check.is-manual{background:color-mix(in srgb, var(--link,#3b82f6) 88%, #000 12%)}.prompt-role-connector-list.is-single .prompt-role-chip-desc-check{width:18px;height:18px;top:6px;left:6px}.prompt-role-chip-remove{border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(6px);width:18px;height:18px;color:var(--muted);cursor:pointer;opacity:0;z-index:4;border-radius:999px;justify-content:center;align-items:center;font-size:.68rem;line-height:1;transition:opacity .14s,color .14s,border-color .14s,background .14s;display:inline-flex;position:absolute;top:32px;right:6px}.prompt-role-connector-list.is-single .prompt-role-chip-remove{top:34px;right:8px}.prompt-role-chip-wrap{position:relative}.prompt-role-chip-wrap:hover .prompt-role-chip-remove,.prompt-role-chip-wrap:focus-within .prompt-role-chip-remove{opacity:1}.prompt-role-chip-wrap.is-drag-slot .prompt-role-chip{border-color:var(--link);box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 32%, transparent), 0 4px 14px color-mix(in srgb, var(--link) 18%, transparent)}.prompt-role-chip-remove:hover{color:var(--text);border-color:var(--link)}.prompt-role-empty-drop-slot{border:1px dashed color-mix(in srgb, var(--connector-color) 28%, var(--border-subtle));text-align:center;white-space:normal;word-break:break-word;width:100%;min-height:36px;color:color-mix(in srgb, var(--connector-color) 45%, var(--text-secondary));cursor:pointer;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:6px 8px;font-size:.6rem;line-height:1.25;transition:color .22s cubic-bezier(.22,.61,.36,1),background .22s cubic-bezier(.22,.61,.36,1),border-color .22s cubic-bezier(.22,.61,.36,1);display:flex;overflow:hidden}.prompt-role-empty-drop-icon{width:28px;height:28px;color:color-mix(in srgb, var(--connector-color) 78%, var(--text));background:color-mix(in srgb, var(--connector-color) 10%, transparent);border:1px solid color-mix(in srgb, var(--connector-color) 24%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.prompt-role-empty-drop-label{font-size:.54rem;font-weight:700;line-height:1.15;display:block}.prompt-role-empty-drop-action{opacity:.92;font-size:.48rem;font-weight:550;line-height:1.2;display:block}.prompt-role-empty-drop-slot.active{color:color-mix(in srgb, var(--connector-color) 72%, var(--text));background:color-mix(in srgb, var(--connector-color) 6%, transparent)}button.prompt-role-empty-drop-slot.is-pickable{cursor:pointer;font:inherit;background:color-mix(in srgb, var(--connector-color) 4%, var(--surface-1))}button.prompt-role-empty-drop-slot.is-pickable:hover{color:color-mix(in srgb, var(--connector-color) 78%, var(--text));border-color:color-mix(in srgb, var(--connector-color) 45%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 10%, var(--surface-1))}.prompt-role-connector.is-pick-empty{cursor:pointer}.prompt-role-connector.is-guide-target .prompt-role-empty-drop-slot.active{color:color-mix(in srgb, var(--connector-color) 78%, var(--text));background:color-mix(in srgb, var(--connector-color) 8%, transparent)}.prompt-role-chip img{object-fit:contain;background:var(--surface);cursor:grab;width:100%;height:100%}.prompt-role-chip img:active{cursor:grabbing}.prompt-role-fonts{grid-template-columns:1fr;gap:5px;max-height:82px;display:grid;overflow:hidden auto}.prompt-inline-picker-chip{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);text-align:left;white-space:normal;border-radius:7px;padding:6px 8px;font-size:.62rem;line-height:1.2;overflow:hidden}.prompt-inline-picker-chip.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 16%, transparent)}.prompt-style-pack-tile{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:7px;grid-template-columns:40px 1fr;align-items:center;gap:6px;min-width:0;padding:3px 6px;display:grid}.prompt-style-pack-tile.active{border-color:var(--link)}.prompt-style-pack-swatch{border:1px solid #ffffff2e;border-radius:4px;width:18px;height:18px}.prompt-style-pack-preview{object-fit:cover;border:1px solid var(--border-subtle);background:var(--surface);border-radius:4px;width:40px;height:28px}.prompt-style-pack-label{color:var(--text-secondary);white-space:normal;gap:2px;font-size:.62rem;line-height:1.2;display:grid;overflow:hidden}.prompt-style-pack-label small{color:var(--muted);text-transform:uppercase;font-size:.54rem}.prompt-role-style-carousel{scroll-snap-type:x proximity;scrollbar-width:none;-ms-overflow-style:none;gap:10px;max-height:none;padding:2px 2px 6px;display:flex;overflow:auto hidden}.prompt-role-style-carousel::-webkit-scrollbar{width:0;height:0;display:none}.prompt-style-pack-carousel-item{border:1px solid var(--border-subtle);background:var(--surface-2);scroll-snap-align:start;border-radius:7px;flex:none;min-width:156px;max-width:176px;height:78px;padding:0;transition:transform .14s,opacity .14s,border-color .14s,box-shadow .14s;display:block;position:relative;overflow:hidden}.prompt-style-pack-carousel-item.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent)}.prompt-style-pack-carousel-item:hover{border-color:color-mix(in srgb, var(--link) 55%, var(--border-subtle))}.prompt-style-pack-carousel-item .prompt-style-pack-preview{object-fit:cover;z-index:1;border-radius:0;width:100%;height:100%;display:block;position:relative}.prompt-style-pack-carousel-item .prompt-style-pack-label{display:none}.prompt-style-pack-carousel-item .prompt-style-pack-label small{color:color-mix(in srgb, var(--text-secondary) 92%, #fff);font-size:.5rem}.prompt-style-pack-carousel-item .prompt-style-pack-swatch{border-radius:0;width:100%;height:100%;display:block}.prompt-style-pack-carousel-item:has(.prompt-style-pack-swatch){align-content:start;gap:4px;min-width:132px;max-width:168px;height:auto;min-height:78px;padding:6px;display:grid}.prompt-style-pack-carousel-item:has(.prompt-style-pack-swatch) .prompt-style-pack-swatch{border:1px solid var(--border-subtle);border-radius:5px;height:40px}.prompt-style-pack-carousel-item:has(.prompt-style-pack-swatch) .prompt-style-pack-label{color:var(--text);gap:1px;font-size:.58rem;line-height:1.15;display:grid;position:static}.prompt-style-pack-pet-warm-photo{background:linear-gradient(135deg,#1a1208,#fbbf24)}.prompt-style-pack-profession-script-blue{background:linear-gradient(135deg,#fff,#3b82f6)}.prompt-style-pack-hud-gaming{background:linear-gradient(135deg,#f8fafc,#ef4444)}.prompt-style-pack-zodiac-cosmic{background:linear-gradient(135deg,#0f172a,#a78bfa)}.prompt-style-pack-pop-grunge{background:linear-gradient(135deg,#111827,#dc2626)}.prompt-style-pack-name-overlay-bar{background:linear-gradient(135deg,#000,#fbbf24)}.prompt-canvas-links{pointer-events:none;z-index:4;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chat-composer-batch-bar{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);flex-direction:column;align-items:stretch;gap:0;padding:0;display:flex}.chat-composer-batch-bar.is-collapsed{padding:0}.chat-composer-batch-bar.is-toolbar{border-bottom:none;flex:none;position:relative}.chat-composer-batch-bar.is-toolbar .chat-composer-batch-toggle{border:1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent);background:color-mix(in srgb, var(--surface-1) 88%, transparent);border-radius:6px;width:auto;min-height:22px;padding:2px 6px}.chat-composer-batch-bar.is-toolbar .chat-composer-batch-toggle:hover{background:color-mix(in srgb, var(--surface-2) 92%, transparent)}.chat-composer-batch-bar.is-toolbar .chat-composer-batch-toggle-icon{margin-left:2px}.chat-composer-batch-bar.is-toolbar .chat-composer-batch-bar-label.is-toolbar-only{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-weight:650}.chat-composer-batch-bar.is-toolbar.is-expanded .chat-composer-batch-bar-body{z-index:8;border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-1) 98%, transparent);border-radius:10px;min-width:220px;padding:6px 8px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 8px 24px #00000038}.chat-composer-batch-toggle{cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:6px;width:100%;padding:5px 8px;display:flex}.chat-composer-batch-toggle:hover{background:color-mix(in srgb, var(--surface-2) 88%, transparent)}.chat-composer-batch-toggle-summary{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:10px}.chat-composer-batch-toggle-icon{color:var(--muted);flex-shrink:0;margin-left:auto}.chat-composer-batch-bar-body{border-top:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);flex-wrap:wrap;align-items:center;gap:6px;padding:4px 8px 6px;display:flex}.chat-composer-batch-upload-menu{position:relative}.chat-composer-batch-upload-menu summary{cursor:pointer;list-style:none}.chat-composer-batch-upload-menu summary::-webkit-details-marker{display:none}.chat-composer-batch-upload-summary{align-items:center;gap:4px;display:inline-flex}.chat-composer-batch-upload-popover{z-index:6;border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);background:color-mix(in srgb, var(--surface) 96%, transparent);border-radius:8px;flex-direction:column;gap:2px;min-width:168px;padding:4px;display:flex;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 8px 20px #00000029}.chat-composer-batch-bar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-right:0;font-size:9px;font-weight:700}.chat-composer-batch-variant-prefix{color:var(--muted);white-space:nowrap;font-size:10px}.chat-composer-batch-variant{color:var(--muted);align-items:center;gap:2px;font-size:10px;display:inline-flex}.chat-composer-batch-variant select{min-width:40px;padding:3px 4px;font-size:10px}.chat-composer-batch-generate,.chat-composer-batch-ref,.chat-composer-batch-upload,.chat-composer-batch-folder{align-items:center;gap:4px;display:inline-flex}.chat-composer-breakdown-compact{border-top:1px solid color-mix(in srgb, var(--border) 55%, transparent);padding:4px 8px 6px;font-size:10px}.chat-composer-breakdown-compact-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin-bottom:4px;font-size:9px;font-weight:700;display:block}.chat-composer-breakdown-compact-pills{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.chat-composer-breakdown-compact-total{color:var(--muted);margin-left:auto;font-size:9px}.chat-composer-breakdown-compact-intent{color:var(--text);margin:4px 0 0;font-size:10px;line-height:1.35}.chat-composer-breakdown-compact-intent.is-muted{color:var(--muted)}.chat-composer-breakdown-compact-intent strong{color:var(--muted);font-weight:600}.prompt-canvas-composition-wrap{grid-area:composition;width:100%;min-width:0}.prompt-canvas-composition-float{z-index:4;pointer-events:auto;min-width:0;position:absolute}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float{box-shadow:0 10px 28px #00000038, 0 0 0 1px color-mix(in srgb, var(--border-subtle) 88%, transparent);width:100%}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float .prompt-composition-graph-track{flex-wrap:wrap;align-content:flex-start;align-items:stretch;gap:6px;padding-bottom:0;display:flex;overflow:visible}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float .prompt-composition-link{display:none}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float .prompt-composition-ref-group{flex-wrap:wrap}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float .prompt-composition-node{flex:128px;max-width:220px}.prompt-canvas-composition-float .prompt-composition-graph.is-canvas-float .prompt-composition-node.is-merge{flex:100%;max-width:none}.prompt-canvas-composition-float .prompt-highlighted-text-body{max-height:none;overflow:visible}.prompt-canvas-composition-float .prompt-highlighted-text.is-compact .prompt-highlighted-text-body{max-height:none}.prompt-canvas-link-labels{z-index:5;pointer-events:none;position:absolute;inset:0}.prompt-canvas-link-label{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:auto;cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;align-items:flex-start;gap:3px;max-width:248px;padding:7px 11px;font-size:.72rem;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 4px 14px #0000002e}.prompt-canvas-link-label:hover,.prompt-canvas-link-label.is-focused{z-index:3;transform:translate(-50%,-50%)scale(1.03)}.prompt-canvas-link-label.is-wire-pixels{border-color:color-mix(in srgb, var(--success,#22c55e) 45%, var(--border))}.prompt-canvas-link-label.is-wire-hint-only{border-color:color-mix(in srgb, var(--warning,#f59e0b) 45%, var(--border))}.prompt-canvas-link-label.is-wire-skipped,.prompt-canvas-link-label.is-wire-inactive{opacity:.82}.prompt-canvas-link-label-head{align-items:center;gap:4px;min-width:0;display:inline-flex}.prompt-canvas-link-label-badge{letter-spacing:.05em;background:color-mix(in srgb, var(--link) 18%, transparent);color:var(--text);border-radius:4px;flex:none;padding:1px 4px;font-size:8px;font-weight:800}.prompt-canvas-link-label-purpose{color:var(--text);white-space:nowrap;font-size:9px;font-weight:600}.prompt-canvas-link-label-hint{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.25;display:-webkit-box;overflow:hidden}.prompt-canvas-link-label.is-compact-chip{border-radius:999px;flex-direction:row;justify-content:center;align-items:center;gap:3px;min-width:0;max-width:none;padding:3px 7px 3px 6px;font-size:.62rem;line-height:1;box-shadow:0 2px 10px #00000038,inset 0 1px #ffffff0f}.prompt-canvas-link-label.is-compact-chip:hover,.prompt-canvas-link-label.is-compact-chip.is-focused{transform:translate(-50%,-50%)scale(1.06)}.prompt-canvas-link-label.is-compact-chip .prompt-canvas-link-label-head,.prompt-canvas-link-label.is-compact-chip .prompt-canvas-link-label-purpose,.prompt-canvas-link-label.is-compact-chip .prompt-canvas-link-label-hint{display:none}.prompt-canvas-link-label.is-compact-chip .prompt-canvas-link-label-badge{letter-spacing:.06em;color:#fff;border-radius:5px;padding:2px 5px;font-size:9px;font-weight:800}.prompt-canvas-link-label.is-compact-chip.is-role-reference .prompt-canvas-link-label-badge{background:#7a51d8}.prompt-canvas-link-label.is-compact-chip.is-role-background .prompt-canvas-link-label-badge{background:#1ca24d}.prompt-canvas-link-label.is-compact-chip.is-role-style .prompt-canvas-link-label-badge{background:#d88b0a}.prompt-canvas-link-label.is-compact-chip.is-role-font .prompt-canvas-link-label-badge{background:#2e9bcb}.prompt-canvas-link-label-arrow{color:var(--muted);font-size:8px;font-weight:700;line-height:1}.prompt-canvas-link-label-ordinal{opacity:.88;margin-left:2px;font-size:7px;font-weight:700}.prompt-canvas-link-label.is-hub-connector.is-compact-chip{border-color:color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface) 96%, transparent)}.prompt-canvas-link-label.is-branch-wire.is-compact-chip{border-color:color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--surface-2) 94%, transparent)}.prompt-canvas-link-label.is-branch-wire.is-compact-chip.is-wire-pixels{border-color:color-mix(in srgb, var(--success,#22c55e) 40%, transparent)}.prompt-canvas-link-label.is-branch-wire.is-compact-chip.is-wire-hint-only{border-color:color-mix(in srgb, var(--warning,#f59e0b) 40%, transparent)}.prompt-node-ref-caption{z-index:6;pointer-events:none;background:linear-gradient(#0000 0%,#0000008c 38%,#000000c7 100%);flex-direction:column;gap:1px;padding:20px 6px 5px;display:flex;position:absolute;bottom:0;left:0;right:0}.prompt-node-ref-caption-head{align-items:center;gap:4px;min-width:0;display:inline-flex}.prompt-node-ref-caption-badge{letter-spacing:.05em;color:#fff;background:#ffffff38;border-radius:4px;flex:none;padding:1px 4px;font-size:8px;font-weight:800}.prompt-node-ref-caption-purpose{color:#ffffffeb;white-space:nowrap;font-size:8px;font-weight:600}.prompt-node-ref-caption-hint{color:#ffffffc7;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:8px;line-height:1.2;display:-webkit-box;overflow:hidden}.prompt-node-ref-caption.is-focused{background:linear-gradient(180deg, transparent 0%, color-mix(in srgb, var(--link) 35%, #000) 40%, color-mix(in srgb, var(--link) 55%, #000) 100%)}.prompt-composition-graph{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 94%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));border-radius:12px;padding:6px 8px 8px;box-shadow:inset 0 1px #ffffff0a}.prompt-composition-graph-head.is-canvas-compact{flex-direction:column;align-items:stretch;gap:4px;margin-bottom:0}.prompt-composition-graph-head-row{align-items:center;gap:8px;width:100%;display:flex}.prompt-composition-graph-legend-row{flex-wrap:wrap;gap:4px;padding-top:2px;display:flex}.prompt-composition-graph-head.is-canvas-compact .prompt-composition-graph-details-btn{margin-left:auto}.prompt-composition-graph-head{align-items:center;gap:8px;margin-bottom:6px;display:flex}.prompt-composition-graph-title{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:9px;font-weight:700}.prompt-composition-graph-meta{color:color-mix(in srgb, var(--muted) 85%, transparent);font-size:9px}.prompt-composition-graph-details-btn{color:var(--link);cursor:pointer;background:0 0;border:none;margin-left:auto;padding:0;font-size:9px}.prompt-composition-graph-details-btn:hover{text-decoration:underline}.prompt-composition-graph-track{scrollbar-width:thin;align-items:stretch;gap:2px;padding-bottom:2px;display:flex;overflow:auto hidden}.prompt-composition-link{color:color-mix(in srgb, var(--muted) 70%, transparent);flex:none;align-self:center;align-items:center;padding:0 1px;display:inline-flex}.prompt-composition-ref-group{flex:none;align-items:stretch;gap:4px;display:inline-flex}.prompt-composition-node{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface) 96%, transparent);text-align:left;border-radius:10px;flex:none;align-items:center;gap:6px;max-width:148px;min-height:44px;padding:5px 7px;display:inline-flex}button.prompt-composition-node{cursor:pointer}button.prompt-composition-node:hover{border-color:color-mix(in srgb, var(--link) 45%, var(--border-subtle));background:color-mix(in srgb, var(--link) 6%, var(--surface))}.prompt-composition-node.is-highlight{border-color:color-mix(in srgb, var(--link) 55%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 18%, transparent)}.prompt-composition-node.is-muted{opacity:.72}.prompt-composition-node.is-ref.is-wire-pixels{border-color:color-mix(in srgb, var(--success,#22c55e) 55%, var(--border-subtle))}.prompt-composition-node.is-ref.is-wire-hint-only{border-color:color-mix(in srgb, var(--warning,#f59e0b) 55%, var(--border-subtle))}.prompt-composition-node.is-ref.is-wire-skipped,.prompt-composition-node.is-ref.is-wire-inactive{border-color:color-mix(in srgb, var(--muted) 45%, var(--border-subtle));opacity:.78}.prompt-composition-node.is-merge{border-color:color-mix(in srgb, #fff 16%, var(--border-subtle));background:color-mix(in srgb, #fff 8%, var(--surface))}.prompt-composition-node-badge{letter-spacing:.04em;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:4px;flex:none;padding:2px 4px;font-size:8px;font-weight:700}.prompt-composition-node-badge.is-merge{color:#111;background:#ffffffe0}.prompt-composition-node-icon{width:22px;height:22px;color:var(--muted);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:6px;flex:none;justify-content:center;align-items:center;display:inline-flex}.prompt-composition-node-thumb-wrap{border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);border-radius:7px;flex:none;width:28px;height:28px;overflow:hidden}.prompt-composition-node-thumb{object-fit:cover;width:100%;height:100%;display:block}.prompt-composition-node-text{flex-direction:column;gap:1px;min-width:0;display:flex}.prompt-composition-node-title{white-space:nowrap;text-overflow:ellipsis;font-size:10px;font-weight:600;line-height:1.2;overflow:hidden}.prompt-composition-node-subtitle{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:9px;line-height:1.25;display:-webkit-box;overflow:hidden}.prompt-composition-graph.is-canvas-float{flex-direction:column;gap:10px;padding:8px 10px 10px;display:flex}.prompt-composition-highlight-heading{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:2px 0 0;font-size:9px;font-weight:700}.prompt-highlighted-text{border-top:1px solid color-mix(in srgb, var(--border-subtle) 75%, transparent);flex-direction:column;gap:6px;margin-top:0;padding-top:8px;display:flex}.prompt-highlighted-text.is-compact .prompt-highlighted-text-body{max-height:132px;overflow:auto}.prompt-highlighted-text-legend{flex-wrap:wrap;gap:4px;display:flex}.prompt-highlight-legend-item{letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--border) 70%, transparent);color:var(--muted);border-radius:999px;align-items:center;gap:4px;padding:2px 6px;font-size:8px;font-weight:700;display:inline-flex}.prompt-highlight-legend-item:before{content:"";border-radius:2px;flex:none;width:8px;height:8px}.prompt-highlight-legend-item.is-mode:before{background:#60a5fabf}.prompt-highlight-legend-item.is-intent:before{background:#fbbf24cc}.prompt-highlight-legend-item.is-style:before,.prompt-highlight-legend-item.is-ref-style:before{background:#f0abfccc}.prompt-highlight-legend-item.is-style-meta:before{background:#c084fca6}.prompt-highlight-legend-item.is-ref-reference:before{background:#7dd3fccc}.prompt-highlight-legend-item.is-ref-background:before{background:#86efaccc}.prompt-highlight-legend-item.is-ref-font:before{background:#fde68ad9}.prompt-highlight-legend-item.is-ref-header:before{background:#22d3eeb3}.prompt-highlight-legend-item.is-execution:before{background:#14b8a6bf}.prompt-highlight-legend-item.is-policy:before{background:#f97316c7}.prompt-highlight-legend-item.is-role-rules:before{background:#3b82f6b8}.prompt-highlight-legend-item.is-logo-rules:before{background:#f43f5eb8}.prompt-highlight-legend-item.is-meta:before{background:#6366f1a6}.prompt-highlighted-text-body{border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:none;margin:0;padding:10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:9.5px;line-height:1.5;overflow:visible}.prompt-highlight-segment{font:inherit;color:inherit;text-align:left;background:0 0;border:none;margin:0;padding:0}.prompt-highlight-segment.is-join{color:inherit}.prompt-highlight-segment.is-mode{color:color-mix(in srgb, #93c5fd 92%, var(--text));background:#60a5fa1f;border-radius:2px}.prompt-highlight-segment.is-intent{color:color-mix(in srgb, #fcd34d 95%, var(--text));background:#fbbf2424;border-radius:2px}.prompt-highlight-segment.is-style{color:color-mix(in srgb, #f5d0fe 95%, var(--text));background:#f0abfc24;border-radius:2px}.prompt-highlight-segment.is-style-meta{color:color-mix(in srgb, #e9d5ff 92%, var(--text));background:#c084fc1f;border-radius:2px}.prompt-highlight-segment.is-ref-reference{color:color-mix(in srgb, #bae6fd 95%, var(--text));background:#7dd3fc29;border-radius:2px}.prompt-highlight-segment.is-ref-background{color:color-mix(in srgb, #bbf7d0 95%, var(--text));background:#86efac29;border-radius:2px}.prompt-highlight-segment.is-ref-style{color:color-mix(in srgb, #f5d0fe 95%, var(--text));background:#f0abfc29;border-radius:2px}.prompt-highlight-segment.is-ref-font{color:color-mix(in srgb, #fde68a 95%, var(--text));background:#fbbf2424;border-radius:2px}.prompt-highlight-segment.is-ref-header{color:color-mix(in srgb, #67e8f9 92%, var(--text));background:#22d3ee1f;border-radius:2px}.prompt-highlight-segment.is-execution{color:color-mix(in srgb, #5eead4 92%, var(--text));background:#14b8a61f;border-radius:2px}.prompt-highlight-segment.is-policy{color:color-mix(in srgb, #fdba74 95%, var(--text));background:#f9731624;border-radius:2px}.prompt-highlight-segment.is-role-rules{color:color-mix(in srgb, #93c5fd 92%, var(--text));background:#3b82f61f;border-radius:2px}.prompt-highlight-segment.is-logo-rules{color:color-mix(in srgb, #fda4af 92%, var(--text));background:#f43f5e1f;border-radius:2px}.prompt-highlight-segment.is-meta{color:color-mix(in srgb, #a5b4fc 92%, var(--text));background:#6366f11f;border-radius:2px}button.prompt-highlight-segment.is-clickable{cursor:pointer;-webkit-text-decoration:underline dotted color-mix(in srgb, currentColor 45%, transparent);text-decoration:underline dotted color-mix(in srgb, currentColor 45%, transparent);text-underline-offset:2px}button.prompt-highlight-segment.is-clickable:hover,button.prompt-highlight-segment.is-focused{box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent)}.prompt-canvas-link-group{pointer-events:none}.prompt-canvas-link-group.is-wire-hit{pointer-events:auto}.prompt-canvas-links path.prompt-canvas-link-hit{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke;cursor:pointer}.prompt-canvas-links path.prompt-canvas-link{fill:none;stroke-linejoin:round;stroke-linecap:round;vector-effect:non-scaling-stroke}.prompt-canvas-links path.prompt-canvas-link.is-glow{stroke-width:10px;opacity:.22;stroke-dasharray:none;filter:blur(2px)}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-role-reference{stroke:#a78bfa}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-role-background{stroke:#4ade80}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-role-style{stroke:#fbbf24}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-role-font{stroke:#38bdf8}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-composer-results{stroke:#60a5fa}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-wire-pixels{stroke:#4ade80;opacity:.28}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-wire-hint-only{stroke:#fbbf24;opacity:.26}.prompt-canvas-links path.prompt-canvas-link.is-glow.is-wire-dock{stroke:#93c5fd}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge:not(.is-glow){stroke:color-mix(in srgb, var(--link) 78%, #fff 8%);stroke-width:3px;stroke-dasharray:8 6;opacity:1}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge.is-role-reference:not(.is-glow){stroke:#c4b5fd;filter:drop-shadow(0 0 3px #a78bfa8c)}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge.is-role-background:not(.is-glow){stroke:#86efac;filter:drop-shadow(0 0 3px #4ade8080)}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge.is-role-style:not(.is-glow){stroke:#fcd34d;filter:drop-shadow(0 0 3px #fbbf248c)}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge.is-role-font:not(.is-glow){stroke:#7dd3fc;filter:drop-shadow(0 0 3px #38bdf880)}.prompt-canvas-links path.prompt-canvas-link.is-wire-pixels:not(.is-glow){stroke:#4ade80;stroke-width:3.2px;stroke-dasharray:none;opacity:1;filter:drop-shadow(0 0 4px #4ade8099)}.prompt-canvas-links path.prompt-canvas-link.is-wire-hint-only:not(.is-glow){stroke:#fbbf24;stroke-width:3px;stroke-dasharray:10 6;opacity:1;filter:drop-shadow(0 0 4px #fbbf2473)}.prompt-canvas-links path.prompt-canvas-link.is-wire-skipped:not(.is-glow),.prompt-canvas-links path.prompt-canvas-link.is-wire-inactive:not(.is-glow){stroke:color-mix(in srgb, var(--muted) 70%, #fff 8%);stroke-width:2.4px;stroke-dasharray:5 9;opacity:.58;filter:none}.prompt-canvas-links path.prompt-canvas-link.is-focused:not(.is-glow){stroke-width:4px;opacity:1;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--link) 55%, transparent))}.prompt-canvas-links path.prompt-canvas-link.is-wire-pixels.is-focused:not(.is-glow){filter:drop-shadow(0 0 7px #4ade80bf)}.prompt-canvas-links path.prompt-canvas-link.is-wire-hint-only.is-focused:not(.is-glow){filter:drop-shadow(0 0 7px #fbbf24a6)}.prompt-canvas-links path.prompt-canvas-link.is-branch-bridge.is-focused:not(.is-glow){stroke-width:4px}.prompt-pipeline-strip{border-bottom:1px solid color-mix(in srgb, var(--border) 70%, transparent);scrollbar-width:none;align-items:center;gap:2px;padding:5px 8px 4px;display:flex;overflow-x:auto}.prompt-pipeline-strip::-webkit-scrollbar{display:none}.prompt-pipeline-step-wrap{flex-shrink:0;align-items:center;gap:2px;display:inline-flex}.prompt-pipeline-arrow{background:color-mix(in srgb, var(--border) 90%, transparent);width:10px;height:1px;margin:0 1px}.prompt-pipeline-step{color:var(--muted);border:1px solid #0000;border-radius:999px;align-items:center;gap:4px;padding:2px 5px;font-size:9px;line-height:1;display:inline-flex}.prompt-pipeline-step-dot{background:color-mix(in srgb, var(--muted) 70%, transparent);border-radius:50%;width:6px;height:6px;display:inline-block}.prompt-pipeline-step.is-running{color:var(--text);border-color:color-mix(in srgb, var(--link) 40%, transparent)}.prompt-pipeline-step.is-running .prompt-pipeline-step-dot{background:var(--link);animation:1s ease-in-out infinite prompt-pipeline-pulse}.prompt-pipeline-step.is-done{color:color-mix(in srgb, var(--success,#22c55e) 90%, var(--text))}.prompt-pipeline-step.is-done .prompt-pipeline-step-dot{background:var(--success,#22c55e)}.prompt-pipeline-step.is-error .prompt-pipeline-step-dot{background:var(--danger,#ef4444)}.prompt-pipeline-step.is-skipped{opacity:.45}button.prompt-pipeline-step.is-clickable{cursor:pointer;background:color-mix(in srgb, var(--surface-2,var(--surface)) 60%, transparent);border-color:color-mix(in srgb, var(--border) 80%, transparent);font:inherit}button.prompt-pipeline-step.is-clickable:hover:not(:disabled){border-color:color-mix(in srgb, var(--link) 50%, var(--border));color:var(--text)}button.prompt-pipeline-step.is-clickable:disabled{opacity:.5;cursor:not-allowed}button.prompt-pipeline-step.is-clickable.is-configure-keys{border-color:color-mix(in srgb, #f59e0b 55%, var(--border-subtle));background:color-mix(in srgb, #f59e0b 12%, var(--surface-2))}button.prompt-pipeline-step.is-clickable.is-configure-keys:hover:not(:disabled){border-color:color-mix(in srgb, #f59e0b 70%, var(--link));background:color-mix(in srgb, #f59e0b 18%, var(--surface-2))}button.prompt-pipeline-step.is-clickable.is-configure-keys .prompt-pipeline-step-run{color:color-mix(in srgb, #f59e0b 85%, var(--text));align-items:center;gap:3px;display:inline-flex}.prompt-pipeline-step-run{letter-spacing:.04em;text-transform:uppercase;opacity:.65;text-align:center;min-width:2.2em;font-size:8px;font-weight:700}button.prompt-pipeline-step.is-clickable:hover .prompt-pipeline-step-run{opacity:1;color:var(--link)}@keyframes prompt-pipeline-pulse{0%,to{opacity:.45}50%{opacity:1}}.prompt-node-card.main.is-generate-hub{min-width:300px;min-height:132px;max-height:none}.prompt-wire-legend{z-index:3;border:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;opacity:.72;border-radius:8px;flex-wrap:wrap;gap:4px;max-width:220px;padding:3px 5px;display:inline-flex;position:absolute;inset:8px 8px auto auto}.prompt-wire-legend-item{color:var(--muted);align-items:center;gap:4px;font-size:9px;display:inline-flex}.prompt-wire-legend-item:before{content:"";border-top-style:solid;border-top-width:2px;width:14px;height:0;display:inline-block}.prompt-wire-legend-item.is-pixels:before{border-top-color:color-mix(in srgb, var(--success,#22c55e) 85%, var(--link));border-top-style:solid}.prompt-wire-legend-item.is-hint:before{border-top-color:color-mix(in srgb, var(--warning,#f59e0b) 75%, var(--link));border-top-style:dashed}.prompt-wire-legend-item.is-skipped:before{border-top-color:color-mix(in srgb, var(--muted) 55%, transparent);opacity:.75;border-top-style:dotted}.prompt-wire-legend-item.is-inactive:before{border-top-color:color-mix(in srgb, var(--muted) 40%, transparent);opacity:.55;border-top-style:dotted}.prompt-node-hub-model-badge{border:1px solid color-mix(in srgb, var(--border) 85%, transparent);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;max-width:148px;padding:2px 6px;font-size:9px;line-height:1.2;overflow:hidden}.prompt-node-hub-checklist{flex-wrap:wrap;gap:4px;margin-bottom:6px;display:flex}.prompt-node-hub-chip{letter-spacing:.04em;border:1px solid color-mix(in srgb, var(--border) 80%, transparent);color:var(--muted);opacity:.65;border-radius:4px;padding:2px 6px;font-size:9px;font-weight:700}.prompt-node-hub-chip.is-ready{opacity:1;color:var(--text);border-color:color-mix(in srgb, var(--success,#22c55e) 45%, var(--border));background:color-mix(in srgb, var(--success,#22c55e) 8%, transparent)}.prompt-node-hub-chip.is-required{opacity:.85;border-color:color-mix(in srgb, var(--warning,#f59e0b) 40%, var(--border))}.prompt-node-hub-chip.is-more{opacity:.75;font-weight:600}button.prompt-node-hub-chip.is-clickable{cursor:pointer;font:inherit;appearance:none;background:inherit}button.prompt-node-hub-chip.is-clickable:hover{border-color:color-mix(in srgb, var(--link) 45%, var(--border));color:var(--text)}.prompt-node-hub-batch-sync{color:var(--muted);border:1px dashed color-mix(in srgb, var(--border) 85%, transparent);white-space:nowrap;border-radius:999px;padding:2px 6px;font-size:9px;font-weight:600}.prompt-node-hub-ready{color:var(--muted);border-radius:4px;padding:2px 6px;font-size:10px}.prompt-node-hub-ready.is-ok{color:var(--success,#22c55e)}.prompt-node-hub-ready.is-compact{align-items:center;margin-bottom:6px;font-size:.68rem;font-weight:700;display:inline-flex}.prompt-node-hub-focus-composer{margin-left:auto}.prompt-node-hub-actions{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.prompt-node-hub-generate{align-items:center;gap:4px;display:inline-flex}.prompt-node-ref-hint-popover{z-index:20;box-shadow:none;background:0 0;border:none;padding:4px 0 0;position:absolute;top:calc(100% - 2px);left:0;right:0}.prompt-node-ref-hint-badge{display:none}.prompt-node-ref-hint-badge-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.prompt-node-ref-hint-panel{border-top:1px solid color-mix(in srgb, var(--border) 75%, transparent);background:color-mix(in srgb, var(--surface-2,var(--surface)) 80%, transparent);padding:6px 6px 8px}.prompt-node-card.ref.is-hint-open{z-index:4;overflow:visible}.prompt-node-card.ref.is-focused{border-color:color-mix(in srgb, var(--link) 72%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent), 0 0 22px color-mix(in srgb, var(--link) 28%, transparent);z-index:3}.prompt-role-chip-wrap.is-focused .prompt-role-chip{border-color:color-mix(in srgb, var(--link) 72%, var(--border));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent), 0 0 16px color-mix(in srgb, var(--link) 24%, transparent)}.prompt-role-hover-ref-hint.is-canvas-inline{background:0 0;border:none;padding:0}.prompt-role-hover-ref-hint.is-canvas-inline .prompt-role-hover-ref-hint-head{display:none}.prompt-role-hover-ref-hint.is-canvas-inline .prompt-role-hover-ref-hint-input{background:color-mix(in srgb, var(--surface) 88%, transparent);box-shadow:none;border:none;min-height:36px;font-size:10px}.prompt-node-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);flex-direction:column;width:170px;display:flex;position:absolute;overflow:hidden;box-shadow:0 10px 22px #0003}.prompt-node-card.main{border-color:color-mix(in srgb, var(--border-subtle) 70%, #fff 10%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 98%, #fff 2%), color-mix(in srgb, var(--surface-1) 94%, transparent));width:380px;min-width:300px;height:auto;min-height:160px;max-height:none;box-shadow:0 14px 32px #00000052,inset 0 1px #ffffff14}.prompt-node-card.fonts{width:290px;min-width:240px;height:340px;min-height:220px}.prompt-node-main-body{flex-direction:column;flex:1;gap:6px;min-height:0;padding:8px;display:flex;position:relative}.prompt-node-main-body.is-compact-hub:before,.prompt-node-main-body.is-compact-hub:after{display:none}.prompt-node-main-hint{color:var(--text-secondary);-webkit-line-clamp:4;-webkit-box-orient:vertical;flex:1;min-height:0;margin:0;font-size:.74rem;line-height:1.45;display:-webkit-box;overflow:hidden}.prompt-node-main-body.is-compact-hub{padding-top:6px}.prompt-node-main-body.is-compact-hub .prompt-node-main-meta{margin-top:auto}.prompt-node-main-body:before,.prompt-node-main-body:after{content:"";pointer-events:none;z-index:2;height:14px;position:absolute;left:9px;right:9px}.prompt-node-main-body:before{background:linear-gradient(to bottom, var(--surface-2), #0000);border-radius:8px 8px 0 0;top:9px}.prompt-node-main-body:after{background:linear-gradient(to top, var(--surface-2), #0000);border-radius:0 0 8px 8px;bottom:9px}.prompt-node-main-body textarea{flex:1;min-height:0}.prompt-node-main-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:0;color:var(--text);white-space:pre-wrap;flex:1;padding:8px;line-height:1.35;overflow:auto}.prompt-node-main-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.prompt-node-main-meta .btn{flex-shrink:0}.prompt-node-card h4{margin:0 0 6px;font-size:.74rem}.prompt-node-card textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);resize:vertical;padding:6px}.prompt-node-card small{color:var(--muted);margin-top:6px;font-size:.66rem;display:block}.prompt-node-card-head{border-bottom:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;padding:6px 8px;font-size:.66rem;display:flex}.prompt-node-card-head.draggable,.draggable-surface,.is-draggable-surface{cursor:grab;touch-action:none}.prompt-node-card-head.draggable:active,.draggable-surface:active,.is-draggable-surface:active,.prompt-canvas-viewport[data-node-dragging=true] .draggable-surface,.prompt-canvas-viewport[data-node-dragging=true] .is-draggable-surface{cursor:grabbing}.prompt-node-card.ref.is-draggable-surface img{cursor:grab;-webkit-user-drag:none;-webkit-user-select:none;user-select:none}.prompt-node-card.ref.is-draggable-surface .prompt-node-ref-caption,.prompt-canvas-connector-role-head.draggable-surface{cursor:grab}.prompt-canvas-dock-action-node.draggable-surface{cursor:grab;padding-left:2px}.prompt-node-card-head.draggable{cursor:move}.prompt-node-main-head-tools{align-items:center;gap:4px;display:inline-flex}.prompt-node-role{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text);border-radius:6px;max-width:96px;padding:2px 4px;font-size:.6rem}.prompt-node-card.ref{z-index:4;background:var(--surface-2);isolation:isolate;border:none;border-radius:10px;width:200px;min-width:188px;height:200px;min-height:168px;max-height:280px;position:relative;overflow:hidden}.prompt-canvas-branch-connector{z-index:6;cursor:default;border:1px solid color-mix(in srgb, var(--connector-color,var(--border-subtle)) 28%, var(--border-subtle));background:linear-gradient(165deg, color-mix(in srgb, var(--connector-color,var(--border-subtle)) 6%, var(--surface-2)) 0%, color-mix(in srgb, var(--connector-color,var(--border-subtle)) 2%, var(--surface-1)) 100%);isolation:isolate;border-radius:10px;flex-direction:column;transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff0a,0 8px 22px #0000002e}.prompt-canvas-branch-connector.is-connector-attached{box-shadow:inset 0 1px 0 #ffffff0a, 0 8px 22px #0000002e, 0 0 0 1px color-mix(in srgb, var(--connector-color) 12%, transparent)}.prompt-canvas-branch-connector-pin{background:color-mix(in srgb, var(--connector-color) 75%, #fff);width:8px;height:8px;box-shadow:0 0 8px color-mix(in srgb, var(--connector-color) 55%, transparent);pointer-events:none;z-index:2;border-radius:999px;margin-left:-4px;position:absolute;bottom:-5px;left:50%}.prompt-canvas-branch-connector.role-reference{--connector-color:#8b5cf6}.prompt-canvas-branch-connector.role-background{--connector-color:#22c55e}.prompt-canvas-branch-connector.role-style{--connector-color:#f59e0b}.prompt-canvas-branch-connector.role-font{--connector-color:#38bdf8}.prompt-canvas-branch-connector.branch-tone-1{--branch-accent-mix:34%}.prompt-canvas-branch-connector.branch-tone-2{--branch-accent-mix:48%}.prompt-canvas-branch-connector.branch-tone-0{--branch-accent-mix:22%}.prompt-canvas-branch-connector.is-focused{border-color:color-mix(in srgb, var(--connector-color) 58%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--connector-color) 35%, transparent), 0 12px 28px color-mix(in srgb, var(--connector-color) 22%, transparent)}.prompt-canvas-branch-connector-head{letter-spacing:.03em;text-transform:uppercase;min-height:22px;color:var(--text-secondary);border-bottom:1px solid color-mix(in srgb, var(--connector-color) var(--branch-accent-mix,28%), transparent);background:color-mix(in srgb, var(--connector-color) 8%, transparent);justify-content:space-between;align-items:center;gap:6px;padding:4px 8px;font-size:.58rem;font-weight:700;display:flex}.prompt-canvas-branch-connector-role{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.prompt-canvas-branch-connector-badge{border:1px solid color-mix(in srgb, var(--connector-color) 42%, transparent);color:color-mix(in srgb, var(--connector-color) 88%, var(--text));background:color-mix(in srgb, var(--connector-color) 14%, transparent);border-radius:999px;align-items:center;gap:2px;padding:1px 6px;display:inline-flex}.prompt-canvas-branch-connector-ordinal{font-size:.62rem;font-weight:800}.prompt-canvas-branch-connector-preview{background:color-mix(in srgb, var(--connector-color) 4%, var(--surface));flex:auto;justify-content:center;align-items:center;min-height:0;padding:6px;display:flex;position:relative}.prompt-canvas-branch-connector-preview img{object-fit:contain;width:100%;height:100%;max-height:72px;display:block}.prompt-canvas-branch-connector-foot{border-top:1px solid color-mix(in srgb, var(--connector-color) 18%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);flex-direction:column;gap:1px;min-height:28px;padding:4px 8px 5px;display:flex}.prompt-canvas-branch-connector-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:700;overflow:hidden}.prompt-canvas-branch-connector-hint-line{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:.58rem;overflow:hidden}.prompt-canvas-branch-connector.is-wire-hint-only .prompt-canvas-branch-connector-foot{border-top-style:dashed}.prompt-canvas-branch-connector.is-wire-skipped{opacity:.72}.prompt-canvas-branch-connector-actions{opacity:0;pointer-events:none;z-index:3;flex-direction:column;gap:2px;transition:opacity .14s;display:flex;position:absolute;top:24px;right:4px}.prompt-canvas-branch-connector:hover .prompt-canvas-branch-connector-actions,.prompt-canvas-branch-connector:focus-within .prompt-canvas-branch-connector-actions,.prompt-canvas-branch-connector.is-focused .prompt-canvas-branch-connector-actions,.prompt-canvas-branch-connector.is-hint-open .prompt-canvas-branch-connector-actions{opacity:1;pointer-events:auto}.prompt-canvas-branch-action.has-hint{color:var(--link)}.prompt-canvas-branch-connector-hint{z-index:4;position:absolute;inset:22px 6px auto}.prompt-node-card.ref.is-branch{z-index:5;border:1px solid color-mix(in srgb, var(--link) 42%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 18%, transparent), 0 14px 36px #00000038}.prompt-node-card.ref.is-branch:before{content:"";pointer-events:none;border-radius:12px 12px 0 0;height:3px;position:absolute;top:0;left:0;right:0}.prompt-node-card.ref.is-branch.role-reference:before{background:linear-gradient(90deg,#8b5cf6d9,#8b5cf62e)}.prompt-node-card.ref.is-branch.role-background:before{background:linear-gradient(90deg,#22c55ed1,#22c55e29)}.prompt-node-card.ref.is-branch.role-style:before{background:linear-gradient(90deg,#f59e0bd9,#f59e0b2e)}.prompt-node-card.ref.is-branch.role-font:before{background:linear-gradient(90deg,#38bdf8d1,#38bdf829)}.prompt-node-card.ref.is-branch .prompt-node-ref-caption-purpose{color:var(--text-secondary);letter-spacing:.04em;font-weight:700}.prompt-role-status-pill.branch-count{border-color:color-mix(in srgb, var(--link) 35%, transparent);color:var(--link);background:color-mix(in srgb, var(--link) 10%, transparent)}.prompt-node-card.ref img{object-fit:contain;background:var(--surface);z-index:1;flex:auto;width:100%;height:100%;min-height:0;display:block;position:relative}.prompt-node-ref-overlay{z-index:12;opacity:.94;pointer-events:none;justify-content:space-between;align-items:center;gap:4px;transition:opacity .12s;display:inline-flex;position:absolute;top:6px;left:6px;right:6px;transform:none}.prompt-node-ref-overlay .prompt-node-ref-action{pointer-events:auto;touch-action:manipulation}.prompt-node-ref-overlay .icon-btn svg{pointer-events:none}.prompt-node-card.ref:hover .prompt-node-ref-overlay,.prompt-node-card.ref:focus-within .prompt-node-ref-overlay{opacity:1}.prompt-node-card.ref .prompt-node-ref-overlay .icon-btn{border:1px solid color-mix(in srgb, var(--border) 86%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);width:24px;min-width:24px;height:22px;color:var(--text-secondary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:0;padding:0;font-size:.5rem;display:inline-flex}.prompt-node-card.ref .prompt-node-ref-overlay .prompt-node-ref-delete:hover{border-color:color-mix(in srgb, var(--danger,#ef4444) 72%, transparent);color:var(--danger,#ef4444);background:color-mix(in srgb, var(--danger,#ef4444) 12%, var(--surface))}.prompt-node-card.ref .prompt-node-ref-overlay .prompt-node-ref-hint-toggle.has-hint{border-color:color-mix(in srgb, var(--warning,#f59e0b) 55%, var(--border));color:color-mix(in srgb, var(--warning,#f59e0b) 90%, var(--text))}.prompt-node-card.ref .prompt-node-ref-overlay .prompt-node-ref-hint-toggle.is-active{border-color:color-mix(in srgb, var(--link) 55%, var(--border));color:var(--link);background:color-mix(in srgb, var(--link) 10%, var(--surface))}.prompt-node-card.ref .prompt-node-ref-overlay .icon-btn:hover{border-color:var(--link);color:var(--text)}.prompt-node-card.ref .prompt-node-ref-overlay .prompt-node-drag-handle{cursor:grab}.prompt-node-card.ref .prompt-node-ref-overlay .prompt-node-drag-handle:active{cursor:grabbing}.prompt-node-card.ref .prompt-node-ref-overlay .icon-btn.is-busy{border-color:var(--link);color:var(--text);animation:1s linear infinite prompt-node-overlay-busy}@keyframes prompt-node-overlay-busy{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.prompt-node-card.result{width:280px;min-width:230px;min-height:140px;top:340px;left:20px;overflow:hidden}.prompt-node-card.preview3d{width:440px;min-width:374px;min-height:352px;top:560px;left:20px;overflow:hidden}.prompt-node-card.result img{object-fit:cover;width:100%;height:calc(100% - 30px);min-height:120px;display:block}.prompt-node-3d{border-top:1px solid var(--border-subtle);height:240px}.prompt-node-card.preview3d .prompt-node-3d{border-top:none;align-items:stretch;height:calc(100% - 30px);min-height:297px;display:flex}.prompt-node-card.preview3d .prompt-node-3d .mug-preview-3d{min-height:0;box-shadow:none;border:none;border-radius:0;flex:1}.prompt-node-resize-handle{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--muted);cursor:nwse-resize;border-radius:6px;justify-content:center;align-items:center;width:18px;height:18px;display:inline-flex}.prompt-node-resize-handle:hover{color:var(--text);border-color:var(--link)}.canvas-node-resize-layer{z-index:40;pointer-events:none;position:absolute;inset:0}.canvas-node-resize-edge{pointer-events:auto;opacity:0;transition:opacity .12s;position:absolute}.prompt-node-card:hover .canvas-node-resize-edge,.prompt-node-card:focus-within .canvas-node-resize-edge,.prompt-canvas-connector-node:hover .canvas-node-resize-edge,.prompt-canvas-connector-node:focus-within .canvas-node-resize-edge,.prompt-canvas-composer-world:hover .canvas-node-resize-edge,.prompt-canvas-composer-world:focus-within .canvas-node-resize-edge,.prompt-canvas-results-world:hover .canvas-node-resize-edge,.prompt-canvas-results-world:focus-within .canvas-node-resize-edge,.prompt-canvas-world.is-node-interacting .canvas-node-resize-edge{opacity:1}.canvas-node-resize-edge.is-n{cursor:ns-resize;height:6px;top:0;left:8px;right:8px}.canvas-node-resize-edge.is-s{cursor:ns-resize;height:6px;bottom:0;left:8px;right:8px}.canvas-node-resize-edge.is-e{cursor:ew-resize;width:6px;top:8px;bottom:8px;right:0}.canvas-node-resize-edge.is-w{cursor:ew-resize;width:6px;top:8px;bottom:8px;left:0}.canvas-node-resize-edge.is-ne{cursor:nesw-resize;width:10px;height:10px;top:0;right:0}.canvas-node-resize-edge.is-nw{cursor:nwse-resize;width:10px;height:10px;top:0;left:0}.canvas-node-resize-edge.is-se{cursor:nwse-resize;width:10px;height:10px;bottom:0;right:0}.canvas-node-resize-edge.is-sw{cursor:nesw-resize;width:10px;height:10px;bottom:0;left:0}.prompt-node-3d-controls{align-items:center;gap:4px;display:inline-flex}.prompt-node-3d-controls .icon-btn.label{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:6px;gap:4px;width:auto;height:22px;padding:0 6px}.prompt-node-3d-controls .icon-btn.label span{font-size:.56rem;font-weight:600}.prompt-node-safe-toggle{color:var(--muted);align-items:center;gap:3px;font-size:.56rem;display:inline-flex}.prompt-font-node-body{grid-template-rows:auto minmax(0,1fr);gap:6px;height:100%;min-height:0;padding:8px;display:grid}.prompt-font-node-preview{grid-template-rows:auto auto minmax(80px,80px);gap:4px;min-height:0;display:grid}.prompt-font-node-preview-media{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 90%, transparent);justify-content:center;align-items:center;min-height:0;padding:2px;display:flex;overflow:hidden}.prompt-font-node-sample{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--text);margin:0;padding:6px 8px;font-size:.95rem;line-height:1.25}.prompt-font-node-preview img{object-fit:contain;width:100%;height:100%;max-height:76px}.prompt-font-node-preview small{color:var(--muted);font-size:.58rem}.prompt-font-node-list{border-top:1px solid var(--border-subtle);overscroll-behavior:contain;gap:4px;min-height:0;padding-top:6px;padding-right:2px;display:grid;overflow:auto}.prompt-font-option{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--surface) 92%, transparent);text-align:left;color:var(--text-secondary);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;padding:5px 7px;display:grid}.prompt-font-option:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text)}.prompt-font-option.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 11%, transparent)}.prompt-font-option-sample{white-space:nowrap;text-overflow:ellipsis;font-size:.72rem;line-height:1.1;overflow:hidden}.prompt-font-option small{color:var(--muted);font-size:.54rem}.font-node-sample-system{font-family:Manrope,system-ui,sans-serif}.font-node-sample-serif,.font-node-sample-gold-serif{font-family:Cormorant Garamond,Georgia,serif}.font-node-sample-rounded,.font-node-sample-clean-sans{font-family:Manrope,system-ui,sans-serif}.font-node-sample-mono{font-family:Cascadia Code,Consolas,monospace}.font-node-sample-display,.font-node-sample-hud-bold{font-family:Oswald,Impact,sans-serif}.font-node-sample-script-blue{font-family:Marck Script,Segoe Script,cursive}.font-node-sample-stencil-grunge{font-family:Black Ops One,Impact,sans-serif}.prompt-canvas-bottom{z-index:8;pointer-events:none;flex-direction:column;align-items:center;gap:6px;min-height:0;padding:0;display:flex;position:absolute;bottom:35px;left:8px;right:8px}.prompt-canvas-bottom>*{pointer-events:auto;z-index:1;position:relative}.prompt-canvas-bottom-world{z-index:3;pointer-events:auto;align-items:stretch;position:absolute;inset:0 auto auto 0}.prompt-canvas-connectors-world{z-index:3;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 96%, transparent), color-mix(in srgb, var(--surface) 99%, transparent));border-radius:14px;padding:6px 8px 8px;position:absolute;box-shadow:0 10px 26px #0000002e,inset 0 1px #ffffff0d}.prompt-canvas-composer-world{z-index:3;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-subtle) 82%, #fff 12%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 100%, #1c2333 6%), color-mix(in srgb, var(--surface-1) 100%, #141a24 10%));box-sizing:border-box;border-radius:14px;flex-direction:column;min-height:0;padding:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 14px 32px #0000004d,inset 0 1px #ffffff1a}.prompt-canvas-composer-world .chat-input.compact.is-canvas-composer,.prompt-canvas-composer-world .prompt-canvas-composer-slot-host,.prompt-canvas-composer-world .prompt-canvas-composer-slot-inner{flex-direction:column;flex:1 1 0;min-height:0;display:flex}.prompt-canvas-connector-node{z-index:3;pointer-events:auto;cursor:grab;grid-template-areas:unset;grid-template-columns:unset;grid-template-rows:unset;isolation:auto;flex-direction:column;gap:0;min-width:0;max-width:none;margin:0;display:flex;position:absolute;overflow:hidden;border:1.5px solid color-mix(in srgb, var(--connector-color,var(--border-subtle)) 46%, #fff 10%)!important;background:linear-gradient(165deg, color-mix(in srgb, var(--connector-color,var(--surface-2)) 18%, #131820) 0%, color-mix(in srgb, var(--connector-color,var(--surface-1)) 8%, #0c1018) 55%, #080b10 100%)!important;box-shadow:0 16px 34px #00000057, inset 5px 0 0 var(--connector-color,var(--border-subtle)), inset 0 1px 0 #ffffff1a!important;border-radius:16px!important}.prompt-canvas-world.is-node-interacting .prompt-canvas-connector-node{cursor:grabbing}.prompt-canvas-connector-node.role-reference{--connector-color:#8b5cf6}.prompt-canvas-connector-node.role-background{--connector-color:#22c55e}.prompt-canvas-connector-node.role-style{--connector-color:#f59e0b}.prompt-canvas-connector-node.role-font{--connector-color:#38bdf8}.prompt-canvas-connector-node.has-primary-ref{border-color:color-mix(in srgb, var(--connector-color) 40%, var(--border-subtle))!important}.prompt-canvas-connector-role-head{border-bottom:1px solid color-mix(in srgb, var(--connector-color) 26%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 16%, #121820);flex-shrink:0;align-items:center;gap:8px;min-height:36px;padding:7px 10px 7px 14px;display:flex}.prompt-canvas-connector-role-badge{letter-spacing:.06em;color:#fff;background:color-mix(in srgb, var(--connector-color) 88%, #000);min-width:36px;box-shadow:0 2px 8px color-mix(in srgb, var(--connector-color) 40%, transparent);border-radius:8px;justify-content:center;align-items:center;padding:3px 8px;font-size:.7rem;font-weight:800;display:inline-flex}.prompt-canvas-connector-role-badge.is-reference,.prompt-canvas-connector-role-badge.is-background,.prompt-canvas-connector-role-badge.is-style,.prompt-canvas-connector-role-badge.is-font{background:color-mix(in srgb, var(--connector-color) 88%, #000)}.prompt-canvas-connector-role-title{min-width:0;color:color-mix(in srgb, #fff 92%, var(--connector-color));white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.82rem;font-weight:700;overflow:hidden}.prompt-canvas-connector-role-drag{opacity:.85;flex-shrink:0;width:28px;height:24px;position:static}.prompt-canvas-connector-filled-hit{z-index:4;cursor:pointer;background:0 0;border:none;padding:0;position:absolute;inset:34px 0 0}.prompt-canvas-connector-node.has-primary-ref .prompt-canvas-connectors-guide{display:none}.prompt-canvas-connector-node.is-empty-slot>.prompt-canvas-connectors-guide{z-index:7;pointer-events:none;margin:0;padding:0;display:block;position:absolute;inset:auto 8px 124px}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connectors-guide-step.is-canvas-compact{background:0 0;border:1px dashed #0000;border-radius:10px;width:100%;min-height:0;margin:0;padding:0;transition:border-color .18s,background .18s,box-shadow .18s,padding .18s,gap .18s;position:relative}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connectors-guide-badge{display:none}:is(.prompt-canvas-connector-node.is-empty-slot:not(:hover):not(:focus-within):not(:has(.prompt-role-empty-drop-slot:hover)) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connector-node.is-empty-slot:not(:hover):not(:focus-within):not(:has(.prompt-role-empty-drop-slot:hover)) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg){opacity:0!important;visibility:hidden!important;transform:translateY(6px)!important}.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact{border:1px dashed color-mix(in srgb, var(--guide-accent) 58%, transparent);background:color-mix(in srgb, var(--guide-accent) 14%, #0c1018);color:color-mix(in srgb, var(--guide-accent) 82%, #fff);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;padding:7px 10px;display:flex;box-shadow:0 8px 20px #00000061}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact{border:1px dashed color-mix(in srgb, var(--guide-accent) 58%, transparent);background:color-mix(in srgb, var(--guide-accent) 14%, #0c1018);color:color-mix(in srgb, var(--guide-accent) 82%, #fff);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;padding:7px 10px;display:flex;box-shadow:0 8px 20px #00000061}.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-copy-row{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-copy-row{flex:auto;min-width:0;max-width:none;transform:none}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-text{color:color-mix(in srgb, #fff 92%, var(--connector-color));text-shadow:none;-webkit-line-clamp:3;font-size:.72rem;font-weight:600;line-height:1.4}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg{opacity:1;flex-shrink:0;width:28px;height:22px;margin-top:0}.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro>.prompt-canvas-connectors-guide,.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-settled>.prompt-canvas-connectors-guide{pointer-events:auto}.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro .prompt-canvas-connectors-guide-step.is-canvas-compact,.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-settled .prompt-canvas-connectors-guide-step.is-canvas-compact{border:1px dashed color-mix(in srgb, var(--guide-accent) 58%, transparent);background:color-mix(in srgb, var(--guide-accent) 14%, #0c1018);color:color-mix(in srgb, var(--guide-accent) 82%, #fff);border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;gap:8px;margin:0 0 6px;padding:7px 10px;display:flex;box-shadow:0 8px 20px #00000061}.prompt-canvas-connector-node.is-empty-slot.is-mandatory .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-text.is-empty{color:color-mix(in srgb, var(--guide-accent) 78%, #fff);text-shadow:0 1px 4px #0000008c;font-weight:500}.prompt-canvas-connectors-guide-step.is-guide-visible.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-head,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;transition-delay:var(--guide-arrow-draw-delay,.16s)}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-path{stroke-dashoffset:0;transition-delay:var(--guide-arrow-draw-delay,.16s)}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact:not(.is-guide-visible) .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;transition-delay:var(--guide-arrow-draw-delay,.16s)}.prompt-canvas-connector-node.is-empty-slot:hover .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-text.is-empty,.prompt-canvas-connector-node.is-empty-slot:focus-within .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-text.is-empty{color:color-mix(in srgb, var(--guide-accent) 78%, #fff);font-weight:500}.prompt-canvas-connector-node.is-empty-slot:has(.prompt-role-empty-drop-slot:hover) .prompt-canvas-connectors-guide-step.is-canvas-compact .prompt-canvas-connectors-guide-text.is-empty{color:color-mix(in srgb, var(--guide-accent) 78%, #fff);font-weight:500}.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro .prompt-canvas-connectors-guide-step.is-canvas-compact{animation:2.6s ease-in-out infinite connector-guide-plate-glow}@keyframes connector-guide-plate-glow{0%,to{border-color:color-mix(in srgb, var(--guide-accent) 48%, transparent);box-shadow:0 6px 16px #00000052}50%{border-color:color-mix(in srgb, var(--guide-accent) 72%, transparent);box-shadow:0 8px 22px color-mix(in srgb, var(--guide-accent) 18%, transparent)}}.prompt-canvas-connectors-guide-step.is-guide-visible .prompt-canvas-connectors-guide-arrow-svg{color:color-mix(in srgb, var(--guide-accent) 90%, #fff)}.prompt-canvas-connectors-guide-step.is-guide-visible .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connectors-guide-step.is-guide-visible .prompt-canvas-connectors-guide-arrow-svg{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-text{animation:2.4s ease-in-out infinite connector-guide-text-pulse}.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;animation:2.8s ease-in-out infinite connector-guide-arrow-loop}.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-settled-motion .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-settled-motion .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;transition:none}.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro .prompt-role-empty-drop-slot{animation:1.35s linear infinite connector-empty-slot-dash}@keyframes connector-guide-text-pulse{0%,to{opacity:.86}50%{opacity:1}}@keyframes connector-guide-arrow-loop{0%,16%{stroke-dashoffset:100px}40%,68%{stroke-dashoffset:0}to{stroke-dashoffset:100px}}@keyframes connector-empty-slot-dash{to{border-color:color-mix(in srgb, var(--connector-color) 78%, #fff 8%);background:color-mix(in srgb, var(--connector-color) 20%, #101820)}}@keyframes connector-wire-dash-flow{to{stroke-dashoffset:-30px}}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-connector-list{min-height:76px;padding:4px}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-chip-wrap{border:1px solid color-mix(in srgb, var(--connector-color) 34%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 10%, #0c1018);border-radius:12px;min-height:72px;overflow:hidden}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-chip-wrap img,.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-chip-wrap canvas{object-fit:contain;width:100%;height:100%}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot{border-style:dashed;border-width:2px;border-color:color-mix(in srgb, var(--connector-color) 58%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 14%, #101820);min-height:112px;color:color-mix(in srgb, #fff 90%, var(--connector-color));border-radius:12px;gap:8px;padding:12px 14px;font-size:.76rem;line-height:1.4}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot:hover,.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.active{border-color:color-mix(in srgb, var(--connector-color) 72%, #fff 10%);background:color-mix(in srgb, var(--connector-color) 22%, #101820);color:#fff}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-icon{width:38px;height:38px;color:color-mix(in srgb, #fff 88%, var(--connector-color));background:color-mix(in srgb, var(--connector-color) 22%, #0a0f16);border:1px solid color-mix(in srgb, var(--connector-color) 42%, transparent)}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-label{font-size:.78rem;font-weight:700}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-action{opacity:.95;font-size:.68rem;font-weight:600}.prompt-canvas-connector-node.is-empty-slot .prompt-canvas-connector-node-dock .prompt-role-connector.is-hub-plate{min-height:0}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot{cursor:pointer;border-style:dashed;border-width:2px;border-color:color-mix(in srgb, var(--connector-color) 62%, var(--border-subtle));background:color-mix(in srgb, var(--connector-color) 12%, #0c1018);border-radius:12px;width:100%;min-height:112px;transition:border-color .18s,background .18s,box-shadow .18s;box-shadow:inset 0 1px #ffffff0d;opacity:1!important;visibility:visible!important;transform:none!important}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot:hover,.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot.active{border-color:color-mix(in srgb, var(--connector-color) 78%, #fff 8%);background:color-mix(in srgb, var(--connector-color) 20%, #101820);box-shadow:inset 0 1px 0 #ffffff0f, 0 10px 24px color-mix(in srgb, var(--connector-color) 16%, transparent)}.prompt-canvas-connector-node-dock .prompt-role-connector.is-hub-plate .prompt-role-connector-list{flex:auto;align-items:stretch;min-height:0;display:flex}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-connector.is-hub-plate .prompt-role-empty-drop-slot.is-hub-plate-slot{text-align:center;flex-direction:column;flex:auto;justify-content:center;align-items:center;gap:6px;display:flex}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot .prompt-role-empty-drop-label{font-family:var(--font-display,"Cormorant Garamond", Georgia, serif);letter-spacing:.03em;color:color-mix(in srgb, var(--connector-color) 82%, #fff);text-shadow:0 1px 8px #0000006b;font-style:normal;font-weight:600;line-height:1.15;font-size:.95rem!important}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot .prompt-role-empty-drop-action{font-family:var(--font-ui,"Manrope", system-ui, sans-serif);letter-spacing:.01em;color:color-mix(in srgb, #fff 96%, var(--connector-color));opacity:1;font-weight:500;line-height:1.35;font-size:.7rem!important}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock .prompt-role-empty-drop-slot.is-hub-plate-slot .prompt-role-empty-drop-icon{display:none}.prompt-canvas-link-label.is-hub-connector:not(.is-compact-chip){pointer-events:auto;border-color:color-mix(in srgb, var(--link) 35%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);padding:5px 10px}.prompt-canvas-link-label.is-hub-connector:not(.is-compact-chip).is-role-reference .prompt-canvas-link-label-badge{background:#8b5cf6b8}.prompt-canvas-link-label.is-hub-connector:not(.is-compact-chip).is-role-background .prompt-canvas-link-label-badge{background:#22c55e9e}.prompt-canvas-link-label.is-hub-connector:not(.is-compact-chip).is-role-style .prompt-canvas-link-label-badge{background:#f59e0bad}.prompt-canvas-link-label.is-hub-connector:not(.is-compact-chip).is-role-font .prompt-canvas-link-label-badge{background:#38bdf89e}.prompt-canvas-connector-node-dock .prompt-role-slot:before,.prompt-canvas-connector-node-dock .prompt-role-slot:after,.prompt-canvas-connector-node-dock .prompt-role-connector-head--dock{display:none!important}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock{flex-direction:column;flex:auto;height:100%;min-height:0;display:flex}.prompt-canvas-link-label.is-hub-connector.is-focused,.prompt-canvas-link-label.is-hub-connector:hover{border-color:color-mix(in srgb, var(--link) 55%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 20%, transparent)}.prompt-canvas-node-drag-handle{z-index:6;border:1px solid color-mix(in srgb, var(--border-strong,var(--border)) 70%, transparent);background:color-mix(in srgb, var(--surface-2) 94%, transparent);width:34px;height:26px;color:var(--muted);cursor:grab;pointer-events:auto;opacity:.72;border-radius:8px;justify-content:center;align-items:center;padding:0;transition:opacity .14s,border-color .14s,color .14s;display:inline-flex;position:absolute;top:4px;right:6px}.prompt-canvas-connector-node:hover .prompt-canvas-node-drag-handle,.prompt-canvas-node-drag-handle:focus-visible{opacity:1}.prompt-canvas-node-drag-handle:active{cursor:grabbing}.prompt-canvas-node-drag-handle:hover{color:var(--link);border-color:color-mix(in srgb, var(--link) 35%, transparent)}.prompt-canvas-dock-action-node{z-index:3;pointer-events:auto;align-items:center;gap:6px;display:flex;position:absolute}.prompt-canvas-dock-action-drag{position:static}.prompt-canvas-lane-head.draggable{cursor:grab;-webkit-user-select:none;user-select:none}.prompt-canvas-lane-head.draggable:active{cursor:grabbing}.prompt-canvas-lane-grip{color:var(--muted);flex-shrink:0;align-items:center;display:inline-flex}.prompt-canvas-lane-head.draggable:hover .prompt-canvas-lane-grip{color:var(--link)}.prompt-canvas-connector-node .prompt-canvas-connectors-guide,.prompt-canvas-connector-node .prompt-canvas-connectors-wrap,.prompt-canvas-connector-node .prompt-canvas-connectors-guide-step,.prompt-canvas-connector-node .prompt-canvas-connectors-dock,.prompt-canvas-connector-node .prompt-role-slot{pointer-events:auto}.prompt-canvas-connector-node .prompt-canvas-connectors-guide{text-align:inherit;padding:0;display:block}.prompt-canvas-connector-node .prompt-canvas-connectors-guide-step{max-width:100%;margin-left:auto;margin-right:auto}.prompt-canvas-connector-node .prompt-canvas-connectors-wrap{grid-area:unset;flex:auto;height:auto;min-height:0;margin-top:0;transform:translateY(0)}.prompt-canvas-connector-node-dock{min-width:0}.prompt-canvas-connector-node .prompt-canvas-connectors-dock{background:color-mix(in srgb, var(--connector-color) 6%, #0a0f16);box-shadow:none;border:none;padding:6px 8px 8px}.prompt-canvas-connector-node .prompt-canvas-connectors-dock .prompt-role-slot{width:100%}.prompt-canvas-connector-node .prompt-canvas-connectors-dock.connector-count-1{grid-template-columns:minmax(0,1fr)}.prompt-canvas-connector-node.is-active-target,.prompt-canvas-connector-node.is-dragging-target{border-color:color-mix(in srgb, var(--connector-color) 64%, #fff 12%)!important;box-shadow:0 0 0 2px color-mix(in srgb, var(--connector-color) 36%, transparent), 0 16px 34px #00000057, inset 5px 0 0 var(--connector-color), inset 0 1px 0 #ffffff1a!important}.prompt-canvas-lane-add-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.62rem;font-weight:600;display:inline-flex}.prompt-canvas-lane-add-btn:hover{border-color:color-mix(in srgb, var(--link) 40%, transparent);color:var(--link)}.prompt-canvas-lane-group{pointer-events:none}.prompt-canvas-lane-group>*{pointer-events:auto}.prompt-canvas-lane-group .prompt-canvas-composer-world.is-active-lane{z-index:5}.prompt-canvas-composer-world.is-workflow-highlight{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 28%, transparent);animation:1.6s ease-in-out infinite prompt-workflow-highlight-pulse;z-index:7!important}.prompt-canvas-shell.is-workflow-scheme-highlight .prompt-canvas-link:not(.is-wire-inactive){stroke-width:2.6px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--accent) 35%, transparent))}.prompt-canvas-shell.is-workflow-scheme-highlight .prompt-canvas-link-label{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 40%, transparent);animation:1.6s ease-in-out infinite prompt-workflow-highlight-pulse}.prompt-canvas-shell.is-workflow-scheme-highlight .prompt-node-card.ref{box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 18%, transparent)}@keyframes prompt-workflow-highlight-pulse{0%,to{opacity:1}50%{opacity:.82}}.prompt-canvas-lane-group .prompt-canvas-results-world.is-active-lane{z-index:5}.prompt-canvas-lane-group .prompt-canvas-composer-world.is-inactive-lane{z-index:3}.prompt-canvas-lane-group .prompt-canvas-results-world{z-index:4}.prompt-canvas-lane-head{flex-shrink:0;align-items:center;gap:6px;min-height:32px;padding:6px 8px 4px;display:flex}.prompt-canvas-composer-world .prompt-canvas-composer-slot{background:color-mix(in srgb, var(--surface-1) 96%, #10151d);flex-direction:column;flex:0 auto;display:flex;overflow:hidden;min-height:0!important}.chat-canvas-composer-body{flex-direction:column;flex:0 auto;min-height:0;display:flex;overflow:hidden}.chat-canvas-composer-body .chat-canvas-prompt-mirror-readonly{flex:0 auto;min-height:0;max-height:min(320px,42vh);margin:4px 6px;overflow:auto}.chat-canvas-composer-body .chat-input-text-wrap.is-canvas-text-wrap{flex:0 auto;min-height:0;max-height:min(320px,42vh);overflow:auto}.prompt-canvas-lane-tab{color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:4px 10px;font-size:.66rem;font-weight:650}.prompt-canvas-lane-tab.is-active{background:color-mix(in srgb, var(--link) 16%, transparent);color:var(--link)}.prompt-canvas-lane-close{width:22px;height:22px;color:var(--muted);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;margin-left:auto;display:inline-flex}.prompt-canvas-lane-close:hover{background:color-mix(in srgb, var(--danger,#e5484d) 12%, transparent);color:var(--danger,#e5484d)}.prompt-canvas-composer-world.is-inactive-lane{opacity:.82;border-style:dashed}.prompt-canvas-composer-placeholder{text-align:center;min-height:220px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px 16px;font-size:.72rem;display:flex}.prompt-canvas-lane-activate-btn{border:1px solid color-mix(in srgb, var(--link) 35%, transparent);background:color-mix(in srgb, var(--link) 10%, transparent);color:var(--link);cursor:pointer;border-radius:999px;padding:6px 12px;font-size:.66rem;font-weight:600}.prompt-canvas-results-world{z-index:3;pointer-events:auto;border:1px solid color-mix(in srgb, var(--border-subtle) 82%, #fff 12%);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 100%, #1c2333 6%), color-mix(in srgb, var(--surface-1) 100%, #141a24 10%));border-radius:14px;flex-direction:column;min-height:0;padding:0;display:flex;position:absolute;overflow:hidden;box-shadow:0 14px 32px #0000004d,inset 0 1px #ffffff1a}.prompt-canvas-results-world.is-active-lane{z-index:5}.prompt-canvas-results-world .prompt-canvas-lane-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);flex-shrink:0}.prompt-canvas-results-head-title{color:var(--text);letter-spacing:.01em;font-size:.66rem;font-weight:700}.prompt-canvas-results-world .prompt-pipeline-strip{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 65%, transparent);flex-shrink:0}.prompt-canvas-results-world .prompt-canvas-result-strip{min-height:0;box-shadow:none;background:0 0;border:none;flex:0 auto;margin:6px;padding:0 2px 4px}.prompt-canvas-results-world .prompt-canvas-result-strip-empty{color:var(--muted);text-align:center;border:1px dashed color-mix(in srgb, var(--border-subtle) 80%, transparent);border-radius:10px;margin:4px 8px 8px;padding:10px 8px;font-size:.62rem}.prompt-canvas-connectors-stack{width:100%;min-width:0}.prompt-canvas-composer-stack{grid-template-rows:auto auto;grid-template-areas:"composer""results";gap:10px;width:100%;min-width:0;display:grid}.prompt-canvas-composer-world .prompt-canvas-composer-slot-inner{box-shadow:none;background:0 0;border:none;border-radius:0;flex:0 auto;height:auto;min-height:0}.prompt-canvas-composer-slot-host{flex-direction:column;flex:auto;min-height:0;display:flex;position:relative}.prompt-canvas-composer-slot-host:not(:has(.prompt-canvas-composer-slot-inner.is-portal-mounted)){flex:0 auto}.prompt-canvas-composer-slot-host:not(:has(.prompt-canvas-composer-slot-inner.is-portal-mounted)) .prompt-canvas-composer-slot-inner{border:none;flex:0 0 0;height:0;min-height:0;margin:0;padding:0;overflow:hidden}.prompt-canvas-composer-fallback{z-index:1;background:color-mix(in srgb, var(--surface-1) 100%, #121820 12%);flex-direction:column;flex:0 auto;gap:6px;padding:8px 10px 10px;display:flex;position:relative;overflow:visible}.prompt-canvas-composer-fallback-label{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 78%, #cbd5e1);flex-shrink:0;font-size:.62rem;font-weight:700}.prompt-payload-plain-text.is-canvas-fallback{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, #fff 8%);background:color-mix(in srgb, var(--surface-2) 96%, #0f141c);min-height:0;max-height:none;color:color-mix(in srgb, var(--text) 96%, #f1f5f9);white-space:pre-wrap;word-break:break-word;border-radius:10px;flex:none;margin:0;padding:10px 12px;font-size:.78rem;line-height:1.5;overflow:auto}.prompt-canvas-composer-slot-host .prompt-canvas-composer-slot-inner{flex-direction:column;flex:0 auto;min-height:0;display:flex}.prompt-canvas-composer-slot-host .prompt-canvas-composer-slot-inner.is-portal-mounted{z-index:3;flex:0 auto;height:auto;min-height:0;position:relative}.prompt-canvas-composer-slot-host .prompt-canvas-composer-slot-inner.is-portal-mounted .chat-input.is-canvas-composer{flex:0 auto;height:auto;min-height:0}.prompt-canvas-composer-slot-loading{z-index:2;text-align:center;color:color-mix(in srgb, var(--text) 72%, #94a3b8);background:linear-gradient(180deg, transparent, color-mix(in srgb, var(--surface-1) 88%, #0f141c));pointer-events:none;justify-content:center;align-items:center;gap:8px;padding:6px 12px;font-size:.6rem;display:flex;position:absolute;bottom:0;left:0;right:0}.prompt-canvas-composer-slot-loading-bar{background:color-mix(in srgb, var(--border) 70%, transparent);border-radius:999px;width:min(120px,40%);height:3px;position:relative;overflow:hidden}.prompt-canvas-composer-slot-loading-bar:after{content:"";border-radius:inherit;background:color-mix(in srgb, var(--link) 75%, #fff);width:42%;animation:1.1s ease-in-out infinite prompt-composer-slot-loading;position:absolute;inset:0}@keyframes prompt-composer-slot-loading{0%{transform:translate(-120%)}to{transform:translate(280%)}}.prompt-canvas-composer-world .prompt-canvas-result-world{grid-area:results;padding:0 8px 8px}.prompt-canvas-bottom-world .prompt-canvas-bottom-grid{grid-template-rows:auto minmax(280px,auto) auto;grid-template-areas:"connectors""composer""results";width:100%;max-width:none;margin:0}.prompt-canvas-connectors-world .prompt-canvas-connectors-wrap,.prompt-canvas-bottom-world .prompt-canvas-connectors-wrap{height:auto;min-height:0;transform:none}.prompt-canvas-connectors-world .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-bottom-world .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-world .prompt-canvas-bottom-grid:before,.prompt-canvas-connectors-world .prompt-canvas-bottom-grid:after,.prompt-canvas-bottom-world .prompt-canvas-bottom-grid:before,.prompt-canvas-bottom-world .prompt-canvas-bottom-grid:after{display:none}.prompt-canvas-result-world{grid-area:results;min-width:0}.prompt-canvas-result-strip{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-1) 94%, transparent);border-radius:12px;padding:6px 8px 8px;box-shadow:0 8px 22px #00000029}.prompt-canvas-result-strip-head{align-items:center;gap:6px;margin-bottom:6px;display:flex}.prompt-canvas-result-strip-title{color:var(--text);font-size:.68rem;font-weight:700}.prompt-canvas-result-strip-status{color:var(--link);margin-left:auto;font-size:.62rem}.prompt-canvas-result-strip-status.is-muted{color:var(--muted)}.prompt-canvas-result-strip-grid{flex-wrap:wrap;gap:8px;display:flex}.prompt-canvas-results-world .prompt-canvas-result-strip-grid{gap:6px}.prompt-canvas-results-world .prompt-canvas-result-card{width:118px}.prompt-canvas-results-world .prompt-canvas-result-card-caption{padding:5px 7px}.prompt-canvas-results-world .prompt-canvas-result-card-label{font-size:.64rem;font-weight:500}.prompt-canvas-result-card{border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:10px;flex-shrink:0;width:108px;overflow:hidden}.prompt-canvas-result-card.is-running{border-color:color-mix(in srgb, var(--link) 45%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 18%, transparent)}.prompt-canvas-result-card-media{aspect-ratio:220/98;background:color-mix(in srgb, var(--bg-deep) 88%, transparent);position:relative;overflow:hidden}.prompt-canvas-result-card-media img{object-fit:cover;width:100%;height:100%;display:block}.prompt-canvas-result-card-media img.is-ref-ghost{opacity:.35;filter:saturate(.6)}.prompt-canvas-result-card-placeholder{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.prompt-canvas-result-card-shimmer{background:linear-gradient(105deg, transparent 35%, color-mix(in srgb, var(--link) 22%, transparent) 50%, transparent 65%);background-size:220% 100%;animation:1.4s ease-in-out infinite prompt-canvas-result-shimmer;position:absolute;inset:0}@keyframes prompt-canvas-result-shimmer{0%{background-position:120% 0}to{background-position:-120% 0}}.prompt-canvas-result-card-caption{align-items:center;gap:4px;padding:4px 6px;display:flex}.prompt-canvas-branch-connector.is-guide-highlighted{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 55%, transparent), 0 0 18px color-mix(in srgb, var(--link) 28%, transparent);border-color:color-mix(in srgb, var(--accent) 48%, var(--border-subtle))}.prompt-canvas-links path.prompt-canvas-link.is-guide-highlight:not(.is-glow){opacity:1;stroke-width:4px;filter:drop-shadow(0 0 6px color-mix(in srgb, var(--link) 45%, transparent))}.prompt-canvas-result-card-label{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;flex:1;font-size:.62rem;line-height:1.25;overflow:hidden}.zodiac-prompt-inject-queue-note{color:var(--text-secondary)}.prompt-canvas-result-card-badge{color:var(--muted);font-size:.58rem}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge:not(.is-glow):not(.is-composer-results){stroke-width:3.2px;stroke-dasharray:9 7;opacity:1}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-role-reference:not(.is-glow){stroke:#c4b5fd;filter:drop-shadow(0 0 3px #a78bfa8c)}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-role-background:not(.is-glow){stroke:#86efac;filter:drop-shadow(0 0 3px #4ade8080)}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-role-style:not(.is-glow){stroke:#fcd34d;filter:drop-shadow(0 0 3px #fbbf248c)}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-role-font:not(.is-glow){stroke:#7dd3fc;filter:drop-shadow(0 0 3px #38bdf880)}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-composer-results:not(.is-glow){stroke:#93c5fd;stroke-width:4.2px;stroke-dasharray:none;filter:drop-shadow(0 0 6px #60a5fabf)}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-wire-inactive:not(.is-glow){opacity:.55;stroke-width:2.6px;stroke-dasharray:6 10;filter:none}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-empty-mandatory.is-guide-wire-intro:not(.is-glow){stroke-dasharray:8 6;opacity:1;animation:1.1s linear infinite connector-wire-dash-flow}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-empty-mandatory.is-guide-wire-settled:not(.is-glow){stroke-dasharray:9 7;opacity:.92}.prompt-canvas-bottom-grid{--bottom-3d-width:0px;--bottom-connectors-height:auto;--bottom-composer-height:320px;--guide-unified-color:var(--link);isolation:isolate;width:min(560px,100% - 16px);max-width:560px;min-height:0;box-shadow:none;background:0 0;border:none;border-radius:0;grid-template:"connectors""composer"minmax(320px,auto)/minmax(0,1fr);align-items:stretch;gap:14px;margin:0 auto;padding:0;transition:grid-template-columns .24s cubic-bezier(.22,.61,.36,1),width .26s cubic-bezier(.22,.61,.36,1);display:grid;position:relative;transform:none}.prompt-canvas-bottom-grid:after{content:"";top:-90px;bottom:calc(var(--bottom-composer-height) - 8px);pointer-events:none;z-index:-2;opacity:0;visibility:hidden;filter:blur(68px);background:radial-gradient(ellipse 100% 92% at 50% 68%, color-mix(in srgb, var(--guide-unified-color) 56%, transparent), transparent 68%);border-radius:999px;width:min(392px,80%);transition:none;position:absolute;left:50%;transform:translate(-50%)}.prompt-canvas-bottom-grid:not(.guide-unified-active):after{opacity:0!important;visibility:hidden!important;transition:opacity .28s cubic-bezier(.22,.61,.36,1) .32s,filter .28s cubic-bezier(.22,.61,.36,1) .32s,visibility 0s linear .6s!important;animation:none!important}.prompt-canvas-bottom-grid.guide-unified-active:after{visibility:visible;opacity:.62;filter:blur(64px);transition:opacity .22s cubic-bezier(.22,.61,.36,1),filter .22s cubic-bezier(.22,.61,.36,1),background .22s cubic-bezier(.22,.61,.36,1)}.prompt-canvas-bottom-grid.guide-unified-role-reference{--guide-unified-color:#8b5cf6}.prompt-canvas-bottom-grid.guide-unified-role-background{--guide-unified-color:#22c55e}.prompt-canvas-bottom-grid.guide-unified-role-font{--guide-unified-color:#38bdf8}.prompt-canvas-bottom-grid.guide-unified-role-style{--guide-unified-color:#f59e0b}.prompt-canvas-bottom-grid.guide-unified-active:before{content:none}.prompt-canvas-bottom-grid.guide-unified-hover:after{opacity:.72;filter:blur(60px)}.prompt-canvas-bottom-grid.guide-unified-drag:after{opacity:.82;filter:blur(56px)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-left:after{transform-origin:50% 100%;opacity:.78;filter:blur(56px);background:radial-gradient(ellipse 96% 120% at 42% 52%, color-mix(in srgb, var(--guide-unified-color) 76%, transparent), transparent 60%);width:min(352px,72%);left:15.5%;right:auto;transform:translate(-50%)rotate(-30deg)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-center:after{transform-origin:50% 100%;filter:blur(64px);width:min(352px,72%);left:50%;right:auto;transform:translate(-50%)}.prompt-canvas-bottom-grid.guide-unified-active.guide-unified-right:after{transform-origin:50% 100%;opacity:.78;filter:blur(56px);background:radial-gradient(ellipse 96% 120% at 46% 52%, color-mix(in srgb, var(--guide-unified-color) 76%, transparent), transparent 60%);width:min(352px,72%);left:82.5%;right:auto;transform:translate(-50%)rotate(30deg)}.prompt-canvas-bottom-grid.guide-unified-count-2.guide-unified-active.guide-unified-left:after{left:24%}.prompt-canvas-bottom-grid.guide-unified-count-2.guide-unified-active.guide-unified-right:after{left:74%}.prompt-canvas-bottom-grid.guide-unified-count-4.guide-unified-active.guide-unified-left:after{left:11.5%}.prompt-canvas-bottom-grid.guide-unified-count-4.guide-unified-active.guide-unified-right:after{left:86.5%}@keyframes guide-unified-beam-breathe{0%{opacity:.62;filter:blur(38px)}50%{opacity:.78;filter:blur(46px)}to{opacity:.62;filter:blur(38px)}}@media (prefers-reduced-motion:reduce){.prompt-canvas-bottom-grid:after,.prompt-canvas-bottom-grid.guide-unified-active:after{transition:none;animation:none}.prompt-canvas-connectors-guide-step,.prompt-canvas-connectors-guide-step .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connectors-guide-step .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-wrap .prompt-role-connector,.prompt-role-connector,.prompt-role-connector:before,.prompt-role-connector:after{transition:none}.prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;animation:none}.prompt-canvas-links path.prompt-canvas-link.is-dock-bridge.is-empty-mandatory.is-guide-wire-intro:not(.is-glow),.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro .prompt-role-empty-drop-slot,.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-text,.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step.is-guide-visible.is-guide-intro-motion .prompt-canvas-connectors-guide-arrow-head,.prompt-canvas-connector-node.is-empty-slot.is-mandatory.is-guide-intro .prompt-canvas-connectors-guide-step.is-canvas-compact{animation:none}}.prompt-canvas-bottom-grid.is-3d-open{--bottom-3d-width:0px}.prompt-canvas-preview-strip{--preview-strip-height:116px;z-index:9;pointer-events:none;width:min(380px,100% - 24px);max-width:380px;transition:width .26s cubic-bezier(.22,.61,.36,1);position:absolute;top:8px;left:50%;transform:translate(-50%)}.prompt-canvas-preview-strip>*{pointer-events:auto}.prompt-canvas-bottom-grid>:hover{border-color:var(--border-strong)}.prompt-canvas-reset-btn{z-index:5;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:7px;width:24px;height:24px;position:absolute;top:8px;right:8px}.prompt-canvas-composer-slot{min-height:var(--bottom-composer-height);z-index:4;flex-direction:column;grid-area:composer;gap:0;min-width:0;height:auto;display:flex;position:relative}.prompt-canvas-composer-slot-inner{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 96%, transparent), color-mix(in srgb, var(--surface) 99%, transparent));border-radius:14px;flex-direction:column;flex:auto;min-height:0;padding:0;display:flex;overflow:hidden;box-shadow:0 10px 28px #0000002e,inset 0 1px #ffffff0d}.chat-canvas-prompt-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px 4px;display:flex}.chat-canvas-prompt-head-title{color:var(--text);letter-spacing:.02em;font-size:.68rem;font-weight:700}.chat-canvas-prompt-head-meta{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-size:.62rem}.chat-canvas-prompt-details-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-1) 90%, transparent);color:var(--link);cursor:pointer;border-radius:999px;margin-left:auto;padding:3px 8px;font-size:.62rem;font-weight:650}.chat-canvas-prompt-details-btn:hover{border-color:color-mix(in srgb, var(--link) 34%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, var(--surface-1))}.chat-canvas-prompt-legend{flex-wrap:wrap;flex-shrink:0;gap:4px;padding:4px 10px 6px;display:flex}.chat-canvas-prompt-legend-item{border-radius:999px;padding:1px 6px;font-size:.58rem;line-height:1.35}.prompt-canvas-composer-slot .chat-input.compact{background:0 0;border-top:none;width:100%;height:100%;min-height:0;padding:0}.prompt-canvas-composer-slot .chat-input-text-wrap:before,.prompt-canvas-composer-slot .chat-input-text-wrap:after{display:none}.prompt-canvas-composer-handoff{border:1px dashed color-mix(in srgb, var(--border) 65%, transparent);background:color-mix(in srgb, var(--surface-2) 90%, transparent);min-height:88px;color:var(--text-secondary);border-radius:10px;flex-direction:column;justify-content:center;gap:6px;padding:12px 14px;font-size:.72rem;line-height:1.4;display:flex}.prompt-canvas-composer-handoff strong{color:var(--text);font-size:.78rem}.prompt-canvas-composer-handoff p{margin:0}.prompt-canvas-composer-slot .chat-input.compact.is-canvas-composer{flex-direction:column;flex:1 1 0;gap:0;min-height:0;display:flex}.prompt-canvas-composer-slot .chat-input-text-wrap.is-canvas-text-wrap{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, #fff 10%);background:color-mix(in srgb, var(--surface-2) 96%, #111820);isolation:isolate;border-radius:10px;flex-direction:column;flex:1 1 0;min-height:0;margin:0 6px 4px;padding:0;display:flex;overflow:hidden}.chat-canvas-composer-toolbar{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);background:color-mix(in srgb, var(--surface-2) 94%, transparent);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:4px 6px;padding:5px 8px;display:flex}.chat-canvas-composer-meta{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;letter-spacing:.02em;font-size:.58rem;font-weight:600}.chat-canvas-composer-legend{flex-wrap:wrap;gap:3px;min-width:0;display:flex}.chat-canvas-composer-legend .chat-canvas-prompt-legend-item{padding:0 5px;font-size:.54rem}.chat-canvas-composer-toolbar .prompt-payload-view-tabs.is-compact{flex:auto;min-width:0}.chat-canvas-composer-copy-btn{min-width:22px;min-height:22px;padding:2px 5px}.chat-canvas-composer-details-btn{color:var(--link);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;margin-left:auto;padding:2px 7px;font-size:.58rem;font-weight:650}.chat-canvas-composer-details-btn:hover{background:color-mix(in srgb, var(--link) 10%, transparent);text-decoration:underline}.chat-canvas-composer-toolbar .chat-composer-batch-bar.is-toolbar{margin-left:0}.chat-canvas-prompt-field-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 8px 4px;display:flex}.chat-canvas-prompt-field-head .chat-composer-field-label.is-inset{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0;padding:0;font-size:.62rem;font-weight:700;position:static}.chat-canvas-prompt-copy-btn{min-height:24px;margin-left:auto;padding:2px 6px}.chat-canvas-prompt-readonly{flex-direction:column;flex:auto;min-height:0;padding:4px 8px;display:flex;overflow:hidden}.chat-canvas-prompt-readonly .prompt-json-highlighted,.chat-canvas-prompt-readonly .prompt-payload-plain-text{max-height:none}.chat-canvas-prompt-readonly .prompt-json-highlighted,.chat-canvas-prompt-readonly .prompt-payload-plain-text.is-canvas-full{border-radius:8px;flex:auto;min-height:0;margin:0;overflow:auto}.chat-canvas-prompt-footnote{color:var(--muted);flex-shrink:0;margin:0;padding:0 8px 6px;font-size:.58rem;line-height:1.35}.chat-canvas-prompt-chrome{border-top:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:color-mix(in srgb, var(--surface-2) 96%, var(--surface-1));isolation:isolate;flex-shrink:0}.chat-canvas-prompt-chrome-row{align-items:center;gap:8px;padding:4px 8px 5px;display:flex}.chat-canvas-prompt-chrome-main{flex-wrap:wrap;flex:auto;align-items:center;gap:4px 8px;min-width:0;display:flex}.chat-canvas-prompt-chrome-main .chat-input-intent-hints.is-canvas-minimal{flex-shrink:0;margin:0;padding:0}.chat-canvas-prompt-chrome-main .chat-canvas-cmd-hint{white-space:nowrap;text-overflow:ellipsis;flex:120px;min-width:0;font-size:.56rem;font-weight:500;line-height:1.3;overflow:hidden}.chat-canvas-prompt-chrome-row .chat-canvas-prompt-generate-btn{flex-shrink:0;min-height:28px;padding:4px 12px;font-size:.68rem}.chat-canvas-prompt-chrome .chat-input-canvas-footer.is-hint-only{background:0 0;border-top:none}.prompt-canvas-composer-slot .chat-input-canvas-editor .chat-input-highlight-layer .prompt-highlight-segment{font-size:.8rem;line-height:1.45}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-mode,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-mode{color:color-mix(in srgb, #93c5fd 92%, var(--text));background:#60a5fa1f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-intent,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-intent{color:color-mix(in srgb, #fcd34d 95%, var(--text));background:#fbbf2424;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-style,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-style{color:color-mix(in srgb, #f5d0fe 95%, var(--text));background:#f0abfc24;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-style-meta,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-style-meta{color:color-mix(in srgb, #e9d5ff 92%, var(--text));background:#c084fc1f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-ref-reference,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-ref-reference{color:color-mix(in srgb, #bae6fd 95%, var(--text));background:#7dd3fc29;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-ref-background,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-ref-background{color:color-mix(in srgb, #bbf7d0 95%, var(--text));background:#86efac29;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-ref-style,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-ref-style{color:color-mix(in srgb, #f5d0fe 95%, var(--text));background:#f0abfc29;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-ref-font,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-ref-font{color:color-mix(in srgb, #fde68a 95%, var(--text));background:#fbbf2424;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-ref-header,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-ref-header{color:color-mix(in srgb, #67e8f9 92%, var(--text));background:#22d3ee1f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-execution,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-execution{color:color-mix(in srgb, #5eead4 92%, var(--text));background:#14b8a61f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-policy,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-policy{color:color-mix(in srgb, #fdba74 95%, var(--text));background:#f9731624;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-role-rules,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-role-rules{color:color-mix(in srgb, #93c5fd 92%, var(--text));background:#3b82f61f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-logo-rules,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-logo-rules{color:color-mix(in srgb, #fda4af 92%, var(--text));background:#f43f5e1f;border-radius:2px}.prompt-canvas-composer-slot .chat-input-highlight-layer .prompt-highlight-segment.is-meta,.prompt-canvas-composer-slot .prompt-highlighted-text-body .prompt-highlight-segment.is-meta{color:color-mix(in srgb, #a5b4fc 92%, var(--text));background:#6366f11f;border-radius:2px}.prompt-json-expand-btn{align-self:flex-start;margin-top:2px}.chat-canvas-prompt-readonly .prompt-json-highlighted.is-expanded,.chat-canvas-prompt-readonly .prompt-payload-plain-text.is-expanded{max-height:none}.chat-canvas-prompt-copy-btn{align-items:center;gap:4px;display:inline-flex}.chat-canvas-prompt-mirror-readonly{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, #fff 10%);background:color-mix(in srgb, var(--surface-2) 96%, #111820);border-radius:10px;flex-direction:column;flex:0 auto;gap:6px;min-height:0;max-height:none;margin:4px 8px 6px;padding:8px 10px;display:flex;overflow:visible}.chat-canvas-prompt-mirror-readonly .prompt-payload-plain-text.is-canvas-visible,.chat-canvas-prompt-mirror-readonly .prompt-payload-plain-text.is-compact.is-canvas-visible{flex:0 auto;min-height:0;max-height:min(320px,42vh);overflow:auto}.chat-canvas-prompt-mirror-readonly .prompt-highlighted-text-legend{display:none}.chat-canvas-prompt-mirror-readonly .prompt-highlighted-text{border-top:none;flex-direction:column;flex:0 auto;min-height:0;padding-top:0;display:flex}.chat-canvas-prompt-mirror-readonly .prompt-highlighted-text.is-compact .prompt-highlighted-text-body,.chat-canvas-prompt-mirror-readonly .prompt-highlighted-text-body{min-height:0;max-height:min(320px,42vh);color:color-mix(in srgb, var(--text) 96%, #f1f5f9);background:color-mix(in srgb, var(--surface-1) 94%, #0f141c);border-color:color-mix(in srgb, var(--border-subtle) 85%, transparent);flex:0 auto;font-size:.82rem;line-height:1.5;overflow:auto}.prompt-canvas-composer-slot .prompt-highlighted-text.is-compact .prompt-highlighted-text-body{flex:0 auto;min-height:0;max-height:none;overflow:visible}.prompt-payload-plain-text.is-canvas-visible,.prompt-canvas-composer-slot .prompt-payload-plain-text.is-compact,.prompt-canvas-composer-slot .prompt-payload-plain-text.is-compact.is-canvas-visible{color:color-mix(in srgb, var(--text) 96%, #f1f5f9);background:color-mix(in srgb, var(--surface-1) 94%, #0f141c);max-height:none;font-size:.78rem;line-height:1.5}.chat-canvas-agent-handoff-note{color:var(--muted);flex-shrink:0;margin:0;font-size:.62rem;line-height:1.35}.chat-canvas-prompt-generate-row{flex-shrink:0;justify-content:flex-end;padding:0 8px 6px;display:flex}.chat-canvas-prompt-generate-btn{border:1px solid color-mix(in srgb, var(--link) 55%, #334155);background:linear-gradient(180deg, color-mix(in srgb, var(--link) 88%, #1e293b) 0%, color-mix(in srgb, var(--link) 72%, #0f172a) 100%);color:#f8fafc;letter-spacing:.01em;cursor:pointer;min-height:32px;box-shadow:0 4px 14px color-mix(in srgb, var(--link) 28%, transparent);border-radius:9px;align-items:center;gap:6px;padding:6px 14px;font-size:.72rem;font-weight:700;display:inline-flex}.chat-canvas-prompt-generate-btn:hover:not(:disabled){filter:brightness(1.06)}.chat-canvas-prompt-generate-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chat-canvas-prompt-generate-btn.is-configure-keys{color:#fffbeb;background:linear-gradient(#c68416 0%,#985812 100%);border-color:#a4772a;box-shadow:0 4px 14px #f59e0b3d}.chat-canvas-prompt-generate-btn.is-configure-keys:hover:not(:disabled){filter:brightness(1.05)}.prompt-canvas-composer-slot .chat-input-canvas-editor{background:color-mix(in srgb, var(--surface-1) 94%, #0f141c);flex-direction:column;flex:1 1 0;min-height:0;display:flex;position:relative;overflow:hidden}.prompt-canvas-composer-slot .chat-input-canvas-editor .chat-input-highlight-layer{scrollbar-width:none;white-space:pre-wrap;word-break:break-word;color:color-mix(in srgb, var(--text) 96%, #f1f5f9);background:inherit;padding:8px 40px 8px 10px;font-size:.82rem;line-height:1.5;position:absolute;inset:0;overflow:hidden auto}.prompt-canvas-composer-slot .chat-input-canvas-editor .chat-input-highlight-layer::-webkit-scrollbar{display:none}.prompt-canvas-composer-slot .chat-input-text-wrap.is-canvas-text-wrap .chat-input-highlight-layer{padding:8px 40px 8px 10px}.prompt-canvas-composer-slot .chat-input-send-inline.is-canvas-inline{z-index:3;background:color-mix(in srgb, var(--link) 88%, #1e293b);color:#f8fafc;border:1px solid color-mix(in srgb, var(--link) 70%, #fff 20%);width:30px;height:30px;box-shadow:0 2px 10px color-mix(in srgb, var(--link) 35%, transparent);border-radius:8px;bottom:6px;right:6px}.prompt-canvas-composer-slot .chat-input-send-inline.is-canvas-inline:hover:not(:disabled):not(.is-stop){filter:brightness(1.06)}.prompt-canvas-composer-slot .chat-input-send-inline.is-canvas-inline.is-stop{color:#fff;background:#d64143;border-color:#f26767cc;box-shadow:0 2px 10px #ef444452}.prompt-canvas-composer-slot .chat-input-send-inline.is-canvas-inline.is-stop:hover{filter:brightness(1.08)}.prompt-canvas-composer-slot .chat-composer-final-canvas-host{border-top:1px solid color-mix(in srgb, var(--border-subtle) 75%, transparent);flex-shrink:0;max-height:min(34vh,240px);margin:0 6px 6px;padding-top:4px;overflow:auto}.prompt-canvas-composer-slot .chat-composer-final-canvas-host .chat-composer-final{background:color-mix(in srgb, var(--surface-2) 82%, transparent);border:none;border-radius:8px;margin-top:0}.prompt-canvas-composer-slot .chat-composer-final-canvas-host .chat-composer-final summary{padding:4px 6px}.prompt-canvas-composer-slot .chat-composer-final-canvas-host .chat-composer-final-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-canvas-composer-slot .chat-input-canvas-footer.is-hint-only{background:0 0;border-top:none;flex-shrink:0;justify-content:flex-start;min-height:0;padding:6px 10px 4px}.prompt-canvas-composer-slot .chat-canvas-cmd-hint{min-width:0;color:var(--text-secondary);white-space:normal;text-overflow:unset;flex:1;font-size:.62rem;font-weight:600;line-height:1.35;display:block;overflow:visible}.prompt-canvas-composer-slot .chat-canvas-cmd-hint-detail{color:var(--muted);margin-left:6px;font-style:normal;font-weight:500}.prompt-canvas-composer-slot .chat-input-canvas-footer{border-top:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);align-items:center;gap:8px;padding:7px 8px 8px;display:flex}.prompt-canvas-composer-slot .chat-canvas-cmd-hint em{color:var(--muted);font-size:.6rem;font-style:normal;font-weight:500}.prompt-canvas-composer-slot .chat-canvas-cmd-hint.is-muted{color:var(--muted);font-weight:500}.prompt-canvas-composer-slot .chat-canvas-send-btn{min-width:108px;height:32px;box-shadow:0 4px 14px color-mix(in srgb, var(--accent-ai,var(--link)) 22%, transparent);border-radius:9px;flex-shrink:0;justify-content:center;gap:6px;padding:0 14px;font-size:.72rem;font-weight:700}.prompt-canvas-composer-slot .chat-canvas-send-btn:disabled{opacity:.45;box-shadow:none}.prompt-canvas-composer-slot .chat-input.compact textarea.chat-input-highlighted-textarea{resize:none;height:auto;min-height:0;max-height:none;caret-color:color-mix(in srgb, var(--text) 96%, #f1f5f9);-webkit-text-fill-color:transparent;border:none;border-radius:0;flex:1 1 0;padding:8px 40px 8px 10px;font-size:.82rem;line-height:1.5;overflow-y:auto}.prompt-canvas-composer-slot .chat-input-intent-hints.is-canvas-minimal{margin-top:0;padding:0 8px 4px}.prompt-canvas-composer-slot .chat-input-intent-hints.is-canvas-minimal .chat-input-command-pill{padding:1px 6px;font-size:.58rem}.prompt-connector-trace-compact{display:none}.ref-vision-scan-overlay{z-index:6;pointer-events:none;background:#0000006b;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ref-vision-scan-eye{color:#fff;background:color-mix(in srgb, var(--accent,#f59e0b) 55%, #000);border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;animation:1.1s ease-in-out infinite ref-vision-eye-pulse;display:flex;box-shadow:0 0 0 2px #ffffff40}.ref-vision-scan-eye svg{animation:2.4s ease-in-out infinite ref-vision-eye-blink}.prompt-role-chip{position:relative}.prompt-node-card.ref.is-vision-scanning{overflow:visible}.prompt-node-card.ref.is-vision-scanning img{filter:brightness(.72)saturate(.85)}.prompt-node-card.ref .ref-vision-scan-overlay{border-radius:inherit}@keyframes ref-vision-eye-pulse{0%,to{opacity:.92;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes ref-vision-eye-blink{0%,42%,58%,to{transform:scaleY(1)}50%{transform:scaleY(.15)}}.prompt-connector-trace-compact-ref{color:var(--link);flex-shrink:0;font-weight:700}.prompt-connector-trace-compact-hint{white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text);flex:1;overflow:hidden}.prompt-connector-trace-compact-pill{border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);opacity:.92;border-radius:999px;flex-shrink:0;padding:0 4px;font-size:.48rem}.prompt-connector-trace-compact-more{opacity:.75;flex-shrink:0;font-weight:600}.prompt-canvas-connectors-guide-step.is-filled-quiet:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-copy-row{opacity:.72}.prompt-canvas-connectors-guide-step.is-filled-quiet:not(.is-active-target):not(.is-dragging-target) .prompt-canvas-connectors-guide-arrow-svg{opacity:.55}.prompt-canvas-connectors-guide-text{-webkit-line-clamp:2;max-width:min(240px,38vw);box-shadow:none;transform:translate(var(--guide-text-shift-x), var(--guide-text-shift-y)) rotate(var(--guide-text-tilt));transform-origin:top;font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:.01em;color:color-mix(in srgb, #fff 94%, var(--text-secondary));text-shadow:0 1px 4px #000000a6;pointer-events:auto;cursor:default;background:0 0;border:none;border-radius:0;-webkit-box-orient:vertical;padding:0;font-size:.62rem;font-weight:500;line-height:1.35;display:-webkit-box;overflow:hidden}.prompt-canvas-connectors-guide-text.is-empty{color:color-mix(in srgb, var(--guide-accent) 72%, #fff);font-weight:400}.prompt-canvas-connectors-guide-step.is-empty .prompt-canvas-connectors-guide-text{border:none}.prompt-canvas-connectors-guide-primary,.prompt-canvas-connectors-guide-secondary{display:none}.prompt-canvas-connectors-wrap{min-width:0;min-height:var(--bottom-connectors-height);height:var(--bottom-connectors-height);z-index:4;flex-direction:column;grid-area:connectors;gap:0;margin-top:0;padding:0;display:flex;position:relative;transform:translateY(-15px)}.prompt-canvas-connectors-wrap .prompt-canvas-connectors-dock{flex:1;height:100%;min-height:0}.prompt-canvas-connectors-guide{text-align:center;z-index:5;pointer-events:none;flex-shrink:0;gap:8px;padding:4px 8px 0;display:grid;position:relative}.prompt-canvas-connectors-guide-title{letter-spacing:.03em;color:color-mix(in srgb, var(--text-secondary) 94%, #fff);font-family:Caveat,Segoe Print,Bradley Hand,Comic Sans MS,cursive;font-size:1rem;line-height:1.05}.prompt-canvas-connectors-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;display:grid}.prompt-canvas-connectors-guide.guide-count-2 .prompt-canvas-connectors-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-canvas-connectors-guide.guide-count-4 .prompt-canvas-connectors-guide-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.prompt-canvas-connectors-guide-step{--guide-accent:var(--muted);--guide-hover-bridge:192px;--guide-hover-top:-16px;--guide-hover-side-left:0px;--guide-hover-side-right:0px;--guide-hover-side-left-offset:0px;--guide-hover-inward:60px;--guide-fade-duration:.36s;--guide-fade-ease:cubic-bezier(.22, .61, .36, 1);--guide-arrow-width:2.2;--guide-step-shift-x:0px;--guide-text-shift-x:0px;--guide-text-shift-y:0px;--guide-text-tilt:0deg;--guide-copy-shift-x:0px;--guide-copy-shift-y:0px;--guide-badge-tilt:0deg;--guide-badge-shift-x:0px;--guide-badge-shift-y:0px;--guide-arrow-shift-x:0px;--guide-arrow-shift-y:-1px;--guide-arrow-rotate:0deg;--guide-arrow-draw-duration:.42s;--guide-arrow-head-draw-duration:.2s;--guide-arrow-draw-delay:.16s;isolation:isolate;box-sizing:border-box;width:100%;color:var(--muted);cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;transform:translateX(var(--guide-step-shift-x));transition:background var(--guide-fade-duration) var(--guide-fade-ease), box-shadow var(--guide-fade-duration) var(--guide-fade-ease), transform var(--guide-fade-duration) var(--guide-fade-ease), padding var(--guide-fade-duration) var(--guide-fade-ease), margin var(--guide-fade-duration) var(--guide-fade-ease);border-radius:14px;align-content:start;justify-items:center;gap:2px;margin:-10px 0 -18px;padding:12px 30px 28px;display:grid;position:relative}.prompt-canvas-connectors-wrap .prompt-canvas-connectors-guide-step:before{content:"";left:calc(-1 * var(--guide-hover-side-left) + var(--guide-hover-side-left-offset));right:calc(-1 * var(--guide-hover-side-right));top:var(--guide-hover-top);bottom:calc(-1 * var(--guide-hover-bridge));z-index:0;pointer-events:auto;opacity:0;transition:opacity var(--guide-fade-duration) var(--guide-fade-ease), background var(--guide-fade-duration) var(--guide-fade-ease), box-shadow var(--guide-fade-duration) var(--guide-fade-ease);border-radius:16px;position:absolute}.prompt-canvas-connectors-guide-step.is-active-target:before,.prompt-canvas-connectors-guide-step.is-dragging-target:before,.prompt-canvas-connectors-guide-step:focus-visible:before{opacity:0;box-shadow:none;background:0 0}.prompt-canvas-connectors-guide-step .prompt-canvas-connectors-guide-copy-row{opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--guide-fade-duration) var(--guide-fade-ease), transform var(--guide-fade-duration) var(--guide-fade-ease), visibility 0s linear var(--guide-fade-duration);transform:translateY(10px)}.prompt-canvas-connectors-guide-step .prompt-canvas-connectors-guide-arrow-svg{opacity:0;visibility:hidden;pointer-events:none;transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) rotate(var(--guide-arrow-rotate));transition:opacity var(--guide-fade-duration) var(--guide-fade-ease), transform var(--guide-fade-duration) var(--guide-fade-ease), visibility 0s linear var(--guide-fade-duration)}.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible){min-height:0;margin:0;padding:0 30px}.prompt-canvas-connectors-guide-step.is-active-target,.prompt-canvas-connectors-guide-step.is-dragging-target,.prompt-canvas-connectors-guide-step:focus-visible{margin:-10px 0 -18px;padding:12px 30px 28px}.prompt-canvas-connectors-guide-step.is-active-target .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connectors-guide-step.is-dragging-target .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connectors-guide-step:focus-visible .prompt-canvas-connectors-guide-copy-row{opacity:1;visibility:visible;pointer-events:none;transition:opacity var(--guide-fade-duration) var(--guide-fade-ease), transform var(--guide-fade-duration) var(--guide-fade-ease), visibility 0s linear 0s;transform:translateY(0)}.prompt-canvas-connectors-guide-step.is-active-target .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step.is-dragging-target .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step:focus-visible .prompt-canvas-connectors-guide-arrow-svg{opacity:1;visibility:visible;pointer-events:none;transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate));transition:opacity .12s var(--guide-fade-ease), transform var(--guide-fade-duration) var(--guide-fade-ease), visibility 0s linear 0s;transition-delay:70ms}.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-svg{transition-delay:0s}.prompt-canvas-connectors-guide-step:focus-visible{outline:1px dashed color-mix(in srgb, var(--guide-accent) 55%, transparent);outline-offset:2px}.prompt-canvas-connectors-guide-step:active{transform:translateX(var(--guide-step-shift-x)) translateY(1px) scale(.996)}.prompt-canvas-connectors-guide-step.guide-pos-left{--guide-step-shift-x:-64px;--guide-hover-side-left:112px;--guide-hover-side-left-offset:30px;--guide-hover-side-right:var(--guide-hover-inward);--guide-copy-shift-x:-62px;--guide-copy-shift-y:10px;--guide-text-shift-x:-3px;--guide-text-shift-y:3px;--guide-badge-tilt:-9deg;--guide-arrow-shift-x:-12px;--guide-arrow-shift-y:12px;--guide-arrow-rotate:-30deg;--guide-arrow-origin-x:87.5%;--guide-arrow-origin-y:70.59%;text-align:left;justify-items:start}.prompt-canvas-connectors-guide-step.guide-pos-left .prompt-canvas-connectors-guide-text{--guide-text-tilt:-2.4deg}.prompt-canvas-connectors-guide-step.guide-pos-center{--guide-step-shift-x:-14px;--guide-hover-top:-44px;--guide-hover-side-left:var(--guide-hover-inward);--guide-hover-side-right:var(--guide-hover-inward);--guide-copy-shift-x:-22px;--guide-copy-shift-y:4px;--guide-text-shift-x:0px;--guide-text-shift-y:-1px;--guide-badge-tilt:-4deg;--guide-arrow-shift-x:-2px;--guide-arrow-rotate:-2deg}.prompt-canvas-connectors-guide-step.guide-pos-right{--guide-step-shift-x:54px;--guide-hover-side-right:112px;--guide-hover-side-left:var(--guide-hover-inward);--guide-copy-shift-x:50px;--guide-copy-shift-y:6px;--guide-text-shift-x:0px;--guide-text-shift-y:1px;--guide-badge-tilt:9deg;--guide-arrow-shift-x:8px;--guide-arrow-shift-y:12px;--guide-arrow-rotate:30deg;--guide-arrow-origin-x:12.5%;--guide-arrow-origin-y:70.59%;text-align:right;justify-items:end}.prompt-canvas-connectors-guide.guide-count-2 .prompt-canvas-connectors-guide-step.guide-pos-left{--guide-hover-side-right:calc(50% + 8px)}.prompt-canvas-connectors-guide.guide-count-2 .prompt-canvas-connectors-guide-step.guide-pos-right{--guide-hover-side-left:calc(50% + 8px)}.prompt-canvas-connectors-guide-step.guide-pos-right .prompt-canvas-connectors-guide-text{--guide-text-tilt:2.4deg}.prompt-canvas-connectors-guide-copy-row{z-index:1;max-width:308px;transform:translate(var(--guide-copy-shift-x), var(--guide-copy-shift-y));align-items:center;gap:8px;display:inline-flex;position:relative}.prompt-canvas-connectors-guide-step.guide-pos-right .prompt-canvas-connectors-guide-copy-row,.prompt-canvas-connectors-guide-step.guide-pos-center.role-background .prompt-canvas-connectors-guide-copy-row{flex-direction:row-reverse}.prompt-canvas-connectors-guide-step.is-active-target{box-shadow:none;transform:translateX(var(--guide-step-shift-x)) translateY(-1px);background:0 0}.prompt-canvas-connectors-guide-step.is-active-target:after{content:none}.prompt-canvas-connectors-guide-step.guide-pos-left.is-active-target,.prompt-canvas-connectors-guide-step.guide-pos-center.is-active-target,.prompt-canvas-connectors-guide-step.guide-pos-right.is-active-target{transform:translateX(var(--guide-step-shift-x)) translateY(-1px)}.prompt-canvas-connectors-guide-step.is-dragging-target{box-shadow:none;background:0 0}.prompt-canvas-connectors-guide-badge{z-index:1;letter-spacing:.07em;text-transform:uppercase;border:1px dashed color-mix(in srgb, var(--guide-accent) 55%, transparent);color:color-mix(in srgb, var(--text) 90%, #fff);background:color-mix(in srgb, var(--guide-accent) 8%, transparent);transform:translate(var(--guide-badge-shift-x), var(--guide-badge-shift-y)) rotate(var(--guide-badge-tilt));white-space:nowrap;border-radius:999px;padding:2px 11px;font-size:.7rem;position:relative}.prompt-canvas-connectors-guide-badge-char{color:color-mix(in srgb, #fff 92%, var(--text))}.prompt-canvas-connectors-guide-badge-char.accent{color:color-mix(in srgb, var(--guide-accent) 92%, #fff)}.prompt-canvas-connectors-guide-arrow-svg{z-index:1;width:66px;height:24px;color:color-mix(in srgb, var(--guide-accent) 76%, var(--text-secondary));position:relative}.prompt-canvas-connectors-guide-step.guide-pos-left,.prompt-canvas-connectors-guide-step.guide-pos-right{--guide-arrow-shift-y:12px}.prompt-canvas-connectors-guide-step.guide-pos-left .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step.guide-pos-right .prompt-canvas-connectors-guide-arrow-svg{color:color-mix(in srgb, var(--guide-accent) 90%, var(--text-secondary));transform-origin:var(--guide-arrow-origin-x) var(--guide-arrow-origin-y)}.prompt-canvas-connectors-guide-step.is-active-target.guide-pos-right .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step.is-dragging-target.guide-pos-right .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step:focus-visible.guide-pos-right .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible).guide-pos-right .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-connectors-guide-step.is-active-target.guide-pos-center.role-background .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step.is-dragging-target.guide-pos-center.role-background .prompt-canvas-connectors-guide-arrow-svg,.prompt-canvas-connectors-guide-step:focus-visible.guide-pos-center.role-background .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) scaleX(-1) rotate(calc(var(--guide-arrow-rotate) * -1))}.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible).guide-pos-center.role-background .prompt-canvas-connectors-guide-arrow-svg{transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) scaleX(-1) rotate(calc(var(--guide-arrow-rotate) * -1))}.prompt-canvas-connectors-guide-arrow-path{fill:none;stroke:currentColor;stroke-width:var(--guide-arrow-width);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset var(--guide-arrow-draw-duration) var(--guide-fade-ease)}.prompt-canvas-connectors-guide-arrow-head{fill:none;stroke:currentColor;stroke-width:calc(var(--guide-arrow-width) * .95);stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset var(--guide-arrow-head-draw-duration) var(--guide-fade-ease)}.prompt-canvas-connectors-guide-step.is-active-target .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step.is-dragging-target .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step:focus-visible .prompt-canvas-connectors-guide-arrow-path{stroke-dashoffset:0;transition-delay:var(--guide-arrow-draw-delay)}.prompt-canvas-connectors-guide-step.is-active-target .prompt-canvas-connectors-guide-arrow-head,.prompt-canvas-connectors-guide-step.is-dragging-target .prompt-canvas-connectors-guide-arrow-head,.prompt-canvas-connectors-guide-step:focus-visible .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:0;transition-delay:calc(var(--guide-arrow-draw-delay) + var(--guide-arrow-draw-duration) * .68)}.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-path,.prompt-canvas-connectors-guide-step:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-head{stroke-dashoffset:100px;transition-duration:.22s;transition-delay:0s}.prompt-canvas-connectors-guide-step.role-reference{--guide-accent:#8b5cf6;--guide-arrow-width:2.35;--guide-text-shift-y:-7px;--guide-text-tilt:-1.6deg;--guide-copy-shift-x:-56px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-reference{--guide-copy-shift-x:-36px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-background{--guide-copy-shift-y:24px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-y:30px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-profession .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:13px;--guide-copy-shift-y:28px;--guide-arrow-shift-x:-68px;--guide-arrow-shift-y:38px;--guide-badge-shift-x:8px;--guide-badge-shift-y:-6px}.prompt-canvas-bottom-grid.mode-name-photo .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:8px;--guide-copy-shift-y:40px;--guide-arrow-shift-x:-38px;--guide-arrow-shift-y:29px}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:28px;--guide-copy-shift-y:16px;--guide-arrow-shift-x:-50px;--guide-arrow-shift-y:10px;--guide-arrow-rotate:0deg;justify-items:end}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-copy-row{flex-direction:row}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-arrow-svg.is-vertical{width:28px;height:34px}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style.is-active-target .prompt-canvas-connectors-guide-arrow-svg.is-vertical,.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style.is-dragging-target .prompt-canvas-connectors-guide-arrow-svg.is-vertical,.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style:focus-visible .prompt-canvas-connectors-guide-arrow-svg.is-vertical{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-svg.is-vertical{transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-bottom-grid.mode-pets .prompt-canvas-connectors-guide-step.role-background{--guide-copy-shift-y:24px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-pets .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-y:30px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference{--guide-arrow-shift-x:-8px;--guide-arrow-shift-y:10px;--guide-arrow-rotate:0deg}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference .prompt-canvas-connectors-guide-arrow-svg.is-vertical{width:28px;height:34px}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference.is-active-target .prompt-canvas-connectors-guide-arrow-svg.is-vertical,.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference.is-dragging-target .prompt-canvas-connectors-guide-arrow-svg.is-vertical,.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference:focus-visible .prompt-canvas-connectors-guide-arrow-svg.is-vertical{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-svg.is-vertical{transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:28px;--guide-copy-shift-y:16px;--guide-arrow-shift-x:-24px;--guide-arrow-shift-y:10px;--guide-arrow-rotate:0deg}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-copy-row{flex-direction:row}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left{width:58px;height:32px}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style.is-active-target .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left,.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style.is-dragging-target .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left,.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style:focus-visible .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left{transform:translate(var(--guide-arrow-shift-x), var(--guide-arrow-shift-y)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style:not(.is-active-target):not(.is-dragging-target):not(:focus-visible) .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left{transform:translate(var(--guide-arrow-shift-x), calc(var(--guide-arrow-shift-y) + 10px)) rotate(var(--guide-arrow-rotate))}.prompt-canvas-connectors-guide-step.role-background{--guide-accent:#22c55e;--guide-arrow-width:2.5;--guide-text-shift-y:1px;--guide-text-tilt:1.2deg}.prompt-canvas-connectors-guide-step.role-font{--guide-accent:#38bdf8;--guide-arrow-width:2.05;--guide-text-shift-y:2px;--guide-text-tilt:-.9deg;--guide-copy-shift-x:-18px;--guide-copy-shift-y:13px}.prompt-canvas-connectors-guide-step.guide-pos-center.role-font{--guide-arrow-shift-x:-8px;--guide-arrow-shift-y:12px;--guide-arrow-rotate:28deg}.prompt-canvas-connectors-guide-step.role-style{--guide-accent:#f59e0b;--guide-arrow-width:2.7;--guide-text-shift-y:-7px;--guide-text-tilt:1.8deg;--guide-copy-shift-x:38px;--guide-copy-shift-y:10px}.prompt-canvas-connectors-guide-step.guide-pos-right.role-style{--guide-arrow-shift-x:2px}.prompt-canvas-result-slot{min-height:var(--preview-strip-height);background:0 0;border:none;border-radius:0;height:auto;display:flex;overflow:visible}.prompt-canvas-result-row{min-height:var(--preview-strip-height);grid-template-columns:minmax(0,1fr);align-items:stretch;gap:8px;height:auto;display:grid}.prompt-canvas-result-row.is-3d-open{grid-template-columns:160px minmax(0,1fr)}.prompt-canvas-result-slot .result-panel{background:0 0;flex:1;grid-template-rows:minmax(0,1fr);align-content:stretch;gap:0;min-width:0;min-height:0;padding:0;display:grid}.prompt-canvas-result-slot .result-panel.result-panel-compact{gap:0;min-height:0}.prompt-canvas-result-slot .result-panel-head strong{color:var(--text);font-size:.68rem}.prompt-canvas-result-slot .result-state{border-color:color-mix(in srgb, #5fa8ff 40%, var(--border-subtle));background:#5fa8ff24}.prompt-canvas-result-slot .result-panel img{object-fit:cover;object-position:center;background:0 0;border:none;border-radius:7px;width:100%;height:100%;max-height:none;margin:0 auto}.prompt-canvas-result-slot .result-panel-media{border:1px solid color-mix(in srgb, #5fa8ff 28%, var(--border-subtle));background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:8px;width:100%;height:100%;min-height:0;overflow:visible}.prompt-canvas-result-slot .result-panel-overlay{inset:10px 10px auto}.prompt-canvas-result-slot .result-panel-overlay .result-source-badge,.prompt-canvas-result-slot .result-panel-overlay .result-state{background:color-mix(in srgb, var(--bg-deep) 80%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.prompt-canvas-result-slot .result-panel.result-panel-compact img{object-fit:cover;object-position:center;width:100%;height:100%;max-height:none;display:block}.prompt-canvas-result-slot--centered .result-panel{place-items:stretch stretch}.prompt-canvas-result-slot--centered .result-panel img,.prompt-canvas-result-slot--centered .result-panel.result-panel-compact img{object-fit:cover;object-position:center;width:100%;max-width:none;height:100%;max-height:none;margin:0}.prompt-canvas-3d-inline{background:0 0;border:none;border-radius:0;flex-direction:column;height:100%;min-height:0;display:none;overflow:visible}.prompt-canvas-3d-inline.open{display:flex}.prompt-canvas-3d-inline-head{display:none}.prompt-canvas-3d-inline-head strong{color:var(--text-secondary);font-size:.68rem}.prompt-canvas-3d-inline-body{background:0 0;flex:1;align-items:stretch;min-height:0;display:flex}.prompt-canvas-3d-inline-body .mug-preview-3d{aspect-ratio:2.15;width:100%;height:auto;min-height:0;max-height:100%;box-shadow:none;border:none;border-radius:0;flex:none}.prompt-canvas-3d-inline-body .mug-preview-3d.mug-preview-3d--fill{height:auto;max-height:100%}.prompt-canvas-3d-inline-body .muted{text-align:center;margin:auto;padding:0 10px;font-size:.64rem}.prompt-canvas-dock-head{justify-content:space-between;align-items:center;gap:10px;min-height:20px;padding:0 2px;display:flex}.prompt-canvas-dock-status{flex-wrap:nowrap;align-items:center;gap:8px;min-height:20px;display:inline-flex}.prompt-canvas-intent-strip{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 84%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;max-width:min(100%,980px);padding:4px 8px;display:inline-flex}.prompt-canvas-mode-inline{margin-right:2px}.prompt-canvas-mode-inline .seg-item{min-height:24px;padding:4px 7px}.prompt-canvas-context-hint{color:var(--text-secondary);letter-spacing:.01em}.prompt-canvas-intent-strip strong{color:var(--text);font-size:.66rem}.prompt-canvas-intent-strip span{color:var(--text-secondary);font-size:.64rem}.prompt-canvas-intent-strip small,.prompt-canvas-intent-strip em{color:var(--muted);font-size:.6rem}.prompt-canvas-intent-strip em{white-space:nowrap;text-overflow:ellipsis;max-width:min(100%,420px);overflow:hidden}.prompt-canvas-intent-explicit{color:var(--text-secondary)}.prompt-canvas-dock-head small{color:var(--muted);font-size:.68rem}.prompt-canvas-progress-pill,.prompt-canvas-created-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:999px;padding:2px 8px;font-size:.62rem}.prompt-canvas-progress-pill{border-color:var(--link);color:var(--text)}.prompt-canvas-connectors-dock{--connector-count:4;grid-template-columns:repeat(var(--connector-count,4), minmax(0, 1fr));background:0 0;border:none;border-radius:0;place-items:stretch stretch;gap:4px;padding:0;display:grid;overflow:visible}.prompt-canvas-connectors-dock .prompt-role-slot{--connector-hover-side-out:104px;--connector-hover-side-offset-right:0px;align-self:stretch;min-height:0;position:relative}.prompt-canvas-connectors-dock .prompt-role-slot:first-child{--connector-hover-side-offset-right:30px}.prompt-canvas-connectors-dock .prompt-role-slot:before{content:"";z-index:2;pointer-events:none;position:absolute;inset:-144px 0 calc(100% - 6px)}.prompt-canvas-connectors-dock .prompt-role-slot:first-child:after{content:"";top:-144px;bottom:0;right:calc(100% - var(--connector-hover-side-offset-right));width:var(--connector-hover-side-out);z-index:4;pointer-events:auto;position:absolute}.prompt-canvas-connectors-dock .prompt-role-slot:last-child:after{content:"";width:var(--connector-hover-side-out);z-index:4;pointer-events:auto;position:absolute;top:-144px;bottom:0;left:100%}.prompt-canvas-connectors-dock .prompt-role-slot:has(.prompt-role-connector.is-guide-target):before{pointer-events:auto;cursor:pointer}.prompt-canvas-connectors-dock .prompt-role-connector{z-index:3;cursor:pointer}.prompt-canvas-connectors-dock.connector-count-1{--connector-count:1}.prompt-canvas-connectors-dock.connector-count-2{--connector-count:2}.prompt-canvas-connectors-dock.connector-count-3{--connector-count:3}.prompt-canvas-connectors-dock.connector-count-4{--connector-count:4}.prompt-dock-timeline{grid-column:1/-1;align-items:center;gap:8px;min-width:0;display:flex}.prompt-dock-timeline strong{color:var(--text-secondary);white-space:nowrap;font-size:.62rem}.prompt-dock-timeline-list{align-items:center;gap:6px;min-width:0;display:flex;overflow-x:auto}.prompt-dock-timeline-item{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:999px;align-items:center;gap:5px;max-width:240px;padding:2px 8px;display:inline-flex}.prompt-dock-timeline-item em{color:var(--muted);white-space:nowrap;font-size:.56rem;font-style:normal}.prompt-dock-timeline-item span{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.prompt-dock-timeline-item small{color:var(--muted);white-space:nowrap;flex-shrink:0;font-size:.56rem}.prompt-dock-timeline-list small{color:var(--muted);font-size:.6rem}.prompt-canvas-connectors-dock.compact .prompt-role-connector,.prompt-canvas-connectors-dock.detailed .prompt-role-connector{--connector-card-height:62px;height:var(--connector-card-height);min-height:var(--connector-card-height);max-height:var(--connector-card-height);border-radius:8px}.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock.compact .prompt-role-connector,.prompt-canvas-connector-node-dock .prompt-canvas-connectors-dock.detailed .prompt-role-connector{--connector-card-height:auto;height:100%;min-height:96px;max-height:none;box-shadow:none;background:0 0;border:none;border-radius:0}.prompt-canvas-connectors-dock .prompt-role-connector-head{display:none}.prompt-canvas-connectors-dock .prompt-role-connector-head--dock{z-index:6;-webkit-backdrop-filter:none;pointer-events:none;background:0 0;gap:4px;margin:0;padding:0;display:inline-flex;position:absolute;top:3px;left:auto;right:3px}.prompt-canvas-connectors-dock .prompt-role-connector-head--dock .prompt-role-count-pill{box-shadow:0 2px 8px #00000047}.prompt-canvas-connectors-dock .prompt-role-connector-head--dock .prompt-role-status-pill{height:18px;padding:0 5px;line-height:18px}.prompt-canvas-connectors-dock .prompt-role-connector-list{flex:1;min-height:0;max-height:100%;padding:4px;overflow:hidden}.prompt-canvas-connectors-dock .prompt-role-connector:not(.has-items) .prompt-role-connector-list{align-items:stretch;padding:4px}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-multi{grid-template-columns:repeat(var(--ref-chip-columns,2), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);height:100%;min-height:0;padding:3px}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-multi .prompt-role-chip-wrap{height:auto;min-height:0}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-multi .prompt-role-chip{height:auto;aspect-ratio:var(--connector-preview-aspect,1);min-height:68px;max-height:128px}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-multi .prompt-role-chip img{object-fit:contain;object-position:center;background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;height:100%}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-single{height:100%;min-height:0;padding:0}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-single .prompt-role-chip-wrap{height:100%;min-height:0;max-height:100%}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-single .prompt-role-chip{height:auto;max-height:min(228px,100%);aspect-ratio:var(--connector-preview-aspect,4 / 3)}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-single .prompt-role-chip img{object-fit:contain;object-position:center;background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;height:100%}.prompt-canvas-connectors-dock .prompt-role-connector.has-items .prompt-connector-trace-compact{display:none}.prompt-canvas-connectors-dock .prompt-role-empty-drop-slot{border-radius:6px;height:100%;min-height:0;padding:3px 5px;font-size:.48rem;line-height:1.15}.prompt-canvas-connectors-dock .prompt-role-empty-drop-label{font-size:.5rem}.prompt-canvas-connectors-dock .prompt-role-empty-drop-action{font-size:.44rem;line-height:1.15}.prompt-canvas-connectors-dock .prompt-role-chip-remove{opacity:1;z-index:26;pointer-events:auto;width:16px;height:16px;color:var(--text);border-color:color-mix(in srgb, var(--border-strong) 72%, transparent);background:color-mix(in srgb, var(--surface) 94%, transparent);top:2px;right:2px;box-shadow:0 1px 4px #0000003d,inset 0 1px #ffffff1a}.prompt-canvas-connectors-dock .prompt-role-chip-remove:hover{color:#fff;border-color:color-mix(in srgb, var(--danger,#ef4444) 72%, transparent);background:color-mix(in srgb, var(--danger,#ef4444) 82%, #000 18%)}.prompt-canvas-connectors-dock .prompt-role-connector-list.is-single .prompt-role-chip-remove{top:3px;right:3px}.prompt-canvas-connectors-dock.compact .prompt-role-connector-list,.prompt-canvas-connectors-dock.compact .prompt-role-connector-list.is-single{min-height:0}.prompt-canvas-connectors-dock.compact .prompt-inline-picker-chip{padding:4px 6px;font-size:.56rem}.prompt-canvas-connectors-dock.compact .prompt-style-pack-tile{min-width:136px;padding:3px 5px}.prompt-canvas-connectors-dock.detailed .prompt-role-chip{min-width:0;max-height:none}.prompt-canvas-connectors-dock.detailed .prompt-role-connector-list.is-multi .prompt-role-chip{max-height:none}.prompt-role-reference-tools{flex-wrap:nowrap;flex-shrink:0;align-items:center;gap:4px;margin-right:2px;display:inline-flex}.prompt-role-tool-btn{gap:4px;width:auto;min-width:0;padding:0 6px}.prompt-role-action-btn{border:1px solid var(--border-subtle);background:var(--surface-2);height:22px;color:var(--text-secondary);white-space:nowrap;border-radius:7px;align-items:center;gap:4px;padding:0 7px;font-size:.56rem;display:inline-flex}.prompt-role-action-btn.icon-only{justify-content:center;width:22px;min-width:22px;padding:0}.prompt-role-action-btn:hover{color:var(--text);border-color:var(--border-strong)}.prompt-role-action-btn.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.prompt-role-action-btn.is-running{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent)}.prompt-role-tool-badge{letter-spacing:.02em;color:var(--muted);white-space:nowrap;font-size:.54rem}.prompt-role-action-btn .prompt-role-tool-badge{color:inherit}.prompt-role-tool-btn.active .prompt-role-tool-badge,.prompt-role-tool-btn:hover .prompt-role-tool-badge{color:var(--text)}.prompt-role-tool-btn.is-running{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent)}.prompt-role-analyze-indicator{color:var(--muted);white-space:nowrap;align-items:center;gap:5px;padding:0 3px;font-size:.55rem;display:inline-flex}.prompt-role-analyze-indicator i{background:var(--link);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 45%, transparent);border-radius:999px;animation:1s ease-in-out infinite prompt-analyze-pulse}@keyframes prompt-analyze-pulse{0%{opacity:.85;box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 45%, transparent);transform:scale(.92)}70%{opacity:1;box-shadow:0 0 0 5px color-mix(in srgb, var(--link) 0%, transparent);transform:scale(1.15)}to{opacity:.85;box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 0%, transparent);transform:scale(.92)}}.prompt-canvas-connectors-dock.detailed .prompt-inline-picker-chip{padding:6px 8px;font-size:.62rem}.prompt-canvas-connectors-dock.detailed .prompt-style-pack-tile{min-width:176px}.prompt-canvas-connectors-dock.detailed .prompt-role-fonts,.prompt-canvas-connectors-dock.detailed .prompt-role-style-carousel{max-height:64px}.prompt-canvas-connectors-dock.detailed .prompt-style-pack-carousel-item{width:100%;min-width:0;max-width:none;height:36px}.prompt-canvas-connectors-dock.detailed .prompt-role-style-carousel{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:4px;padding:2px;display:grid;overflow:hidden}.prompt-canvas-connectors-dock.detailed .prompt-role-text-settings.compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding-top:2px}.prompt-role-font-compact{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:8px;gap:5px;min-width:0;padding:4px 6px;display:grid}.prompt-role-font-compact-row{grid-template-columns:minmax(0,1fr);min-width:0;display:grid}.prompt-role-font-select{min-width:0;color:var(--text-secondary);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;font-size:.56rem;display:inline-grid}.prompt-role-font-select select{border:1px solid var(--border-subtle);background:var(--surface-2);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:2px 4px;font-size:.6rem}.prompt-role-text-settings.compact{border-top:none;grid-template-columns:repeat(3,minmax(0,1fr));padding-top:0}.prompt-role-text-settings.compact label{justify-content:space-between;min-width:0}.prompt-role-text-settings.compact label>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.prompt-role-text-settings.compact select{min-width:0}.prompt-role-palette-tools.compact{border-top:1px dashed var(--border-subtle);flex-wrap:nowrap;align-items:center;gap:4px;margin-top:0;padding-top:2px}.prompt-role-palette-tools.compact small{white-space:nowrap;margin-left:auto}.prompt-role-palette-stepper{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:7px;align-items:center;gap:2px;padding:1px;display:inline-flex}.prompt-role-stepper-btn{min-width:22px;height:20px;padding:0;line-height:1}.prompt-role-stepper-btn-auto{min-width:24px}.prompt-role-stepper-value{text-align:center;min-width:34px;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.56rem}.prompt-canvas-connectors-dock.detailed .prompt-role-empty-drop-slot{margin-top:0}.prompt-canvas-connectors-dock.detailed .prompt-role-chip img{object-fit:contain}.prompt-canvas-connectors-dock.detailed.connector-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-canvas-connectors-dock.detailed.connector-count-4{grid-template-columns:repeat(4,minmax(0,1fr))}.prompt-canvas-connectors-dock.detailed.connector-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-canvas-connectors-dock.is-drop-mode .prompt-role-connector{transition-duration:.11s;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.prompt-canvas-connectors-dock.is-drop-mode .prompt-role-connector:not(.is-drag-target){opacity:1;box-shadow:none}.prompt-dock-drop-hint{border:1px solid var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 14%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 25%, transparent);border-radius:8px;grid-column:1/-1;padding:4px 8px;font-size:.64rem}.prompt-role-text-settings{border-top:1px dashed var(--border-subtle);grid-template-columns:auto auto minmax(96px,1fr);align-items:center;gap:6px;padding-top:5px;display:grid}.prompt-role-text-settings label{color:var(--text-secondary);align-items:center;gap:4px;min-width:0;font-size:.56rem;display:inline-flex}.prompt-role-text-settings input[type=color]{border:1px solid var(--border-subtle);background:0 0;border-radius:4px;width:18px;height:18px;padding:0}.prompt-role-text-settings select{border:1px solid var(--border-subtle);background:var(--surface-2);width:100%;min-width:0;color:var(--text);border-radius:6px;padding:2px 4px;font-size:.62rem}.prompt-role-palette-tools{flex-wrap:wrap;align-items:center;gap:5px;margin-top:4px;display:inline-flex}.prompt-role-palette-tools small{color:var(--muted);font-size:.56rem}@media (width<=1400px){.prompt-canvas-connectors-dock{grid-template-columns:repeat(var(--connector-count,4), minmax(0, 1fr))}}@media (width<=980px){.prompt-canvas-dock-head{flex-direction:column;align-items:flex-start}.prompt-canvas-dock-status{width:100%}.prompt-canvas-connectors-dock{grid-template-columns:repeat(3,minmax(0,1fr))}.prompt-canvas-bottom-grid{--bottom-connectors-height:auto;--bottom-composer-height:auto;grid-template:"connectors""composer"/1fr;row-gap:12px;width:min(100%,100% - 12px);transform:none}.prompt-canvas-bottom{bottom:35px;left:4px;right:4px}.prompt-canvas-viewport{padding-bottom:calc(var(--workspace-bottom-reserve,248px) + 15px)}.prompt-canvas-preview-strip{width:min(380px,100% - 14px);max-width:none;margin:0 auto 8px;position:static;transform:none}}@media (width<=720px){.prompt-canvas-connectors-wrap{margin-top:0;padding-top:0;transform:translateY(-15px)}.prompt-canvas-connectors-dock{grid-template-columns:repeat(2,minmax(0,1fr))}.prompt-canvas-bottom-grid{--bottom-connectors-height:auto;--bottom-composer-height:auto;grid-template:"connectors""composer"/1fr;row-gap:10px;width:calc(100% - 8px);transform:none}.prompt-canvas-bottom{bottom:35px;left:2px;right:2px}.prompt-canvas-preview-strip{width:calc(100% - 8px)}.prompt-canvas-connectors-guide{padding:0 6px}.prompt-canvas-connectors-guide-title{font-size:.92rem}.prompt-canvas-connectors-guide-grid{gap:10px}.prompt-canvas-connectors-guide-step.guide-pos-left{--guide-step-shift-x:-34px;--guide-copy-shift-x:-34px;--guide-copy-shift-y:8px;--guide-arrow-shift-x:-6px;--guide-arrow-shift-y:11px;--guide-arrow-rotate:-30deg}.prompt-canvas-connectors-guide-step.guide-pos-center{--guide-step-shift-x:-8px;--guide-copy-shift-x:-10px;--guide-copy-shift-y:2px;--guide-arrow-shift-x:-2px}.prompt-canvas-connectors-guide-step.guide-pos-right{--guide-step-shift-x:26px;--guide-copy-shift-x:26px;--guide-copy-shift-y:4px;--guide-arrow-shift-x:5px;--guide-arrow-rotate:30deg}.prompt-canvas-connectors-guide-step.role-background{--guide-copy-shift-x:-18px;--guide-copy-shift-y:8px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-reference{--guide-copy-shift-x:-14px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-background{--guide-copy-shift-y:28px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-logo-merge .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-y:30px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-profession .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:-7px;--guide-copy-shift-y:28px;--guide-arrow-shift-x:-68px;--guide-arrow-shift-y:38px;--guide-badge-shift-x:8px;--guide-badge-shift-y:-6px}.prompt-canvas-bottom-grid.mode-name-photo .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:-12px;--guide-copy-shift-y:40px;--guide-arrow-shift-x:-38px;--guide-arrow-shift-y:29px}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:22px;--guide-copy-shift-y:14px;--guide-arrow-shift-x:-50px;--guide-arrow-shift-y:8px;--guide-arrow-rotate:0deg}.prompt-canvas-bottom-grid.mode-cartoon .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-arrow-svg.is-vertical{width:24px;height:30px}.prompt-canvas-bottom-grid.mode-pets .prompt-canvas-connectors-guide-step.role-background{--guide-copy-shift-y:28px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-pets .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-y:30px;--guide-arrow-shift-y:19px}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference{--guide-arrow-shift-x:-6px;--guide-arrow-shift-y:8px;--guide-arrow-rotate:0deg}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-reference .prompt-canvas-connectors-guide-arrow-svg.is-vertical{width:24px;height:30px}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:22px;--guide-copy-shift-y:14px;--guide-arrow-shift-x:-20px;--guide-arrow-shift-y:8px;--guide-arrow-rotate:0deg}.prompt-canvas-bottom-grid.mode-zodiac .prompt-canvas-connectors-guide-step.role-style .prompt-canvas-connectors-guide-arrow-svg.is-diagonal-down-left{width:50px;height:28px}.prompt-canvas-connectors-guide-step.role-font{--guide-copy-shift-x:-12px;--guide-copy-shift-y:11px;--guide-arrow-shift-x:-6px;--guide-arrow-shift-y:9px;--guide-arrow-rotate:24deg}.prompt-canvas-connectors-guide-step.role-style{--guide-copy-shift-x:18px;--guide-copy-shift-y:10px}.prompt-canvas-connectors-guide-step.guide-pos-left.is-active-target,.prompt-canvas-connectors-guide-step.guide-pos-center.is-active-target,.prompt-canvas-connectors-guide-step.guide-pos-right.is-active-target{transform:translateX(var(--guide-step-shift-x)) translateY(-1px)}.prompt-canvas-connectors-guide-text{font-size:.75rem}.prompt-canvas-connectors-guide-step{margin:-8px 0 -14px;padding:10px 20px 22px}.prompt-canvas-connectors-guide-arrow-svg{width:56px;height:20px}}.prompt-node-card-ref-0{top:42px;left:294px}.prompt-node-card-ref-1{top:42px;left:426px}.prompt-node-card-ref-2{top:42px;left:558px}.prompt-node-card-ref-3{top:42px;left:690px}.prompt-node-card-ref-4{top:42px;left:822px}.prompt-node-card-ref-5{top:42px;left:954px}.prompt-node-card-ref-6{top:198px;left:294px}.prompt-node-card-ref-7{top:198px;left:426px}.prompt-node-card-ref-8{top:198px;left:558px}.prompt-node-card-ref-9{top:198px;left:690px}.prompt-node-card-ref-10{top:198px;left:822px}.prompt-node-card-ref-11{top:198px;left:954px}.prompt-node-card-ref-12{top:354px;left:294px}.prompt-node-card-ref-13{top:354px;left:426px}.prompt-node-card-ref-14{top:354px;left:558px}.prompt-node-card-ref-15{top:354px;left:690px}.prompt-node-card-ref-16{top:354px;left:822px}.prompt-node-card-ref-17{top:354px;left:954px}.prompt-node-card-ref-18{top:510px;left:294px}.prompt-node-card-ref-19{top:510px;left:426px}.prompt-node-card-ref-20{top:510px;left:558px}.prompt-node-card-ref-21{top:510px;left:690px}.prompt-node-card-ref-22{top:510px;left:822px}.prompt-node-card-ref-23{top:510px;left:954px}.studio-docs-head{align-items:center;gap:8px;margin-bottom:8px;display:flex}.studio-docs-head h3{margin:0;font-size:.85rem}.studio-docs-view-toggle{flex-shrink:0;margin-left:auto}.studio-docs-intro{color:var(--text-secondary);margin:0 0 12px;font-size:.75rem;line-height:1.45}.studio-docs-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);align-items:center;gap:8px;margin-bottom:10px;padding:6px 10px;display:flex}.studio-docs-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.studio-docs-toc{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;gap:4px 8px;margin-bottom:12px;padding-bottom:10px;display:flex}.studio-docs-toc-link{color:var(--link);font-size:.65rem;text-decoration:none}.studio-docs-toc-link:hover{text-decoration:underline}.studio-docs-sections{flex-direction:column;gap:6px;display:flex}.studio-docs-quickstart{gap:8px;margin-bottom:10px;display:grid}.studio-docs-quickstart h4{color:var(--text-secondary);margin:0;font-size:.72rem}.studio-docs-quickstart-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;display:grid}.studio-docs-quick-card{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:10px;gap:6px;padding:8px;display:grid}.studio-docs-quick-card strong{color:var(--text);font-size:.68rem}.studio-docs-quick-card p{color:var(--text-secondary);margin:0;font-size:.62rem;line-height:1.35}.studio-docs-quick-card ul{gap:4px;margin:0;padding-left:16px;display:grid}.studio-docs-quick-card li{color:var(--muted);font-size:.6rem}.docs-summary{color:var(--text-secondary);margin:0 0 8px;font-size:.74rem;line-height:1.4}.docs-list{margin:0;padding-left:1.1rem;font-size:.72rem;line-height:1.45}.docs-list li{margin-bottom:4px}.docs-tips{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--link) 8%, transparent);margin-top:8px;padding:8px 10px;font-size:.68rem}.docs-tips ul{margin:4px 0 0;padding-left:1rem}.docs-anchor{scroll-margin-top:12px}.studio-docs-surfaces{margin-top:12px}.studio-docs-table-wrap{margin-top:8px;overflow-x:auto}.studio-docs-table{border-collapse:collapse;width:100%;font-size:.68rem;line-height:1.35}.studio-docs-table th,.studio-docs-table td{border:1px solid var(--border);text-align:left;vertical-align:top;padding:6px 8px}.studio-docs-table th{background:var(--surface-2);font-weight:600}.studio-docs-table code{opacity:.85;font-size:.62rem}.chat-input input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:8px 10px;transition:border-color .15s,background .15s}.chat-input input:hover,.chat-input textarea:hover,.prompt-area:hover,.chip-search:hover{border-color:var(--border-strong)}.chat-input input:focus,.chat-input textarea:focus,.prompt-area:focus,.chip-search:focus-within{border-color:var(--border-strong);background:var(--surface-3);box-shadow:var(--glow-active);outline:none}.checkbox-row{align-items:center;color:var(--text)!important;flex-direction:row!important;gap:8px!important}.field-label{color:var(--muted);font-size:.78rem}.btn{border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;color:var(--text);background:var(--surface-2);justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.78rem;font-weight:500;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.btn:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn.primary{background:var(--primary);border-color:var(--primary);color:var(--primary-fg);font-weight:600}.btn.primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn.accent{background:var(--accent-ai);border-color:var(--accent-ai);color:var(--accent-ai-fg);font-weight:600}.btn.accent:hover:not(:disabled){background:var(--accent-ai-hover);border-color:var(--accent-ai-hover)}.btn.ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn.ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border);color:var(--text)}.btn.ghost.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.btn.xs{min-height:22px;padding:3px 6px;font-size:.6rem}.file-pick{flex-direction:column;gap:6px;display:flex}.toolbar{gap:4px;display:flex}.icon-btn{color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:32px;height:32px;transition:background .15s,color .15s,border-color .15s;display:inline-flex}.icon-btn:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.icon-btn.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.icon-btn.danger{color:var(--danger)}.breadcrumb{flex-wrap:wrap;align-items:center;gap:4px;padding:0 12px 8px;font-size:.75rem;display:flex}.breadcrumb.compact-hidden{display:none}.file-header-min{justify-content:space-between}.file-inline-hint{margin:0;font-size:.64rem}.crumb{color:var(--link);cursor:pointer;background:0 0;border:none;padding:2px 4px}.crumb:hover{color:var(--link-hover)}.crumb-sep{color:var(--muted);align-items:center;display:inline-flex}.file-list{flex:1;margin:0;padding:0 8px 12px;list-style:none;overflow:auto}.file-list li{align-items:center;gap:4px;display:flex}.file-row{color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:8px;flex:1;align-items:center;gap:8px;padding:8px;display:flex}.file-row:hover{background:var(--surface-hover)}.file-row[draggable=true]{cursor:grab}.file-row[draggable=true]:active{cursor:grabbing}.file-name{text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;overflow:hidden}.icon-folder{color:var(--warning)}.icon-file{color:var(--link)}.empty{color:var(--muted);padding:16px;font-size:.8rem}.print-preview{flex-direction:column;height:100%;min-height:0;display:flex}.preview-workspace{flex-direction:column;flex:1;min-height:0;display:flex}.preview-footer{border-top:1px solid var(--border-subtle);background:var(--surface);flex-direction:column;min-height:280px;display:flex;overflow:hidden}.preview-edge-resizer-h{cursor:row-resize;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:0 0;flex-shrink:0;height:7px;margin:0;transition:background .12s;position:relative}.preview-edge-resizer-h:after{content:"";background:var(--border-strong);opacity:.55;pointer-events:none;border-radius:2px;width:36px;height:3px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-edge-resizer-h:hover,.preview-edge-resizer-h:active{background:color-mix(in srgb, var(--link) 28%, transparent)}.preview-stage{flex-direction:column;justify-content:flex-start;align-items:center;gap:12px;min-height:0;padding:12px;display:flex;position:relative;overflow:auto}.preview-stage>.preview-split-host{flex:1;min-height:0}.mug-wrap{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#fff;width:min(100%,660px);position:relative;overflow:hidden;box-shadow:0 2px 12px #00000059}.mug-wrap:hover{border-color:var(--border-strong)}.mug-wrap img{object-fit:cover;width:100%;height:100%;display:block}.preview-placeholder{aspect-ratio:220/98;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:8px;display:flex}.preview-placeholder span{color:var(--muted-dim);font-size:1.5rem;font-weight:700;font-family:var(--font-mono)}.preview-overlay{color:var(--text-secondary);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#000000b8;justify-content:center;align-items:center;font-weight:500;display:flex;position:absolute;inset:0}.mug-mock{opacity:.35;width:120px;height:100px;position:relative}.mug-body{border:3px solid var(--muted-dim);border-radius:0 0 12px 12px;width:80px;height:90px;margin:0 auto}.mug-handle{border:3px solid var(--muted-dim);border-left:none;border-radius:0 20px 20px 0;width:28px;height:48px;position:absolute;top:18px;right:8px}.chat-panel{background:var(--bg-deep);flex-direction:column;flex:1;height:auto;min-height:0;display:flex}.chat-messages{scroll-behavior:smooth;flex-direction:column;flex:1;gap:12px;padding:14px 14px 10px;display:flex;overflow:auto}.chat-messages .empty-state{justify-content:center;align-items:center;min-height:100%;margin:auto 0;display:flex}.chat-load-shimmer{background:linear-gradient(110deg, color-mix(in srgb, var(--surface) 84%, transparent) 30%, color-mix(in srgb, var(--surface-hover) 66%, transparent) 45%, color-mix(in srgb, var(--surface) 84%, transparent) 60%);background-size:220% 100%;animation:1.2s linear infinite chat-result-placeholder-shimmer}.chat-load-project-row{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:8px;align-items:center;gap:7px;width:100%;min-height:42px;padding:4px 6px;display:flex}.chat-load-project-thumb{border:1px solid var(--border-subtle);border-radius:8px;flex-shrink:0;width:34px;height:34px;display:block}.chat-load-project-body{flex-direction:column;flex:1;gap:6px;min-width:0;padding-right:12px;display:flex}.chat-load-line{border-radius:999px;display:block}.chat-load-line-title{width:68%;height:9px}.chat-load-line-meta{opacity:.82;width:42%;height:7px}.chat-load-project-row:nth-child(2) .chat-load-line,.chat-load-project-row:nth-child(2) .chat-load-project-thumb{animation-delay:80ms}.chat-load-project-row:nth-child(3) .chat-load-line,.chat-load-project-row:nth-child(3) .chat-load-project-thumb{animation-delay:.16s}.chat-load-project-row:nth-child(4) .chat-load-line,.chat-load-project-row:nth-child(4) .chat-load-project-thumb{animation-delay:.24s}.chat-load-messages{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:180px;padding:16px 12px;display:flex}.chat-load-messages-stack{flex-direction:column;gap:10px;width:100%;max-width:min(340px,100%);display:flex}.chat-load-bubble{border:1px solid var(--border-subtle);border-radius:12px;height:44px}.chat-load-bubble-ai{border-bottom-left-radius:4px;align-self:flex-start;width:76%}.chat-load-bubble-user{border-bottom-right-radius:4px;align-self:flex-end;width:58%}.chat-load-bubble-short{width:52%}.chat-load-bubble,.chat-load-project-thumb,.chat-load-line{background:linear-gradient(110deg, color-mix(in srgb, var(--surface) 84%, transparent) 30%, color-mix(in srgb, var(--surface-hover) 66%, transparent) 45%, color-mix(in srgb, var(--surface) 84%, transparent) 60%);background-size:220% 100%;animation:1.2s linear infinite chat-result-placeholder-shimmer}.chat-load-bubble-user{animation-delay:.12s}.chat-load-bubble-short{animation-delay:.24s}.chat-load-messages-label{color:var(--muted);letter-spacing:.02em;font-size:.72rem}.chat-panel.is-loading .chat-messages{overflow:hidden}.chat-live-status{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:var(--text-secondary);border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;width:min(100%,360px);max-width:calc(100% - 12px);margin:6px 10px 0;padding:9px 11px;font-size:.72rem;line-height:1.35;animation:.18s chat-status-fade;display:inline-flex;box-shadow:0 8px 22px #00000038}.chat-live-status-inline{align-self:center;margin:4px auto 2px}.chat-live-status-footer{width:100%;max-width:none;margin:0}.chat-live-status-empty{border-color:color-mix(in srgb, currentColor 38%, var(--border));border-radius:14px;min-width:min(330px,92%);margin-top:auto;margin-bottom:8px;padding:9px 11px}.chat-live-footer-zone{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 82%, transparent), color-mix(in srgb, var(--surface-2) 94%, transparent));flex-direction:column;gap:8px;padding:10px 12px 9px;display:flex;box-shadow:0 -8px 24px #00000024}.chat-live-other-compact{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.chat-live-other-toggle{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:.58rem;display:inline-flex}.chat-live-other-toggle.is-open{border-color:color-mix(in srgb, var(--link) 44%, var(--border-subtle));color:var(--text)}.chat-live-other-count{font-variant-numeric:tabular-nums;font-weight:700}.chat-live-other-threads{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-live-thread-chip{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 90%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:.58rem;display:inline-flex}.chat-live-thread-chip:hover{border-color:color-mix(in srgb, var(--link) 44%, var(--border-subtle));color:var(--text)}.chat-live-thread-chip em{font-variant-numeric:tabular-nums;color:var(--muted);font-style:normal}.chat-live-head{align-items:center;gap:7px;min-width:0;display:flex}.chat-mode-debug{color:var(--muted);align-items:center;gap:4px;margin:2px 0 0;font-size:.56rem;display:inline-flex}.chat-mode-debug code{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--text-secondary);border-radius:5px;padding:1px 4px;font-size:.54rem}.chat-live-dot{opacity:.75;background:currentColor;border-radius:999px;width:7px;height:7px}.chat-live-dot.is-countdown{opacity:.95;animation:.95s ease-in-out infinite chat-live-pulse}.chat-live-time{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--text) 74%, var(--muted));margin-left:auto;font-weight:600}.chat-live-text{color:inherit;letter-spacing:.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-weight:600;overflow:hidden}.chat-live-meta{align-items:center;gap:7px;min-width:0;display:flex}.chat-live-action{letter-spacing:.04em;opacity:.95;background:color-mix(in srgb, currentColor 15%, transparent);white-space:nowrap;border:1px solid;border-radius:999px;padding:3px 6px;font-size:.54rem;font-weight:700;line-height:1}.chat-live-detail-inline{min-width:0;color:color-mix(in srgb, var(--text) 68%, var(--muted));text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.58rem;overflow:hidden}.chat-live-percent{font-variant-numeric:tabular-nums;color:color-mix(in srgb, var(--text) 84%, currentColor);white-space:nowrap;font-size:.58rem;font-weight:700}.chat-live-cancel-btn{border:1px solid color-mix(in srgb, currentColor 44%, var(--border-subtle));background:color-mix(in srgb, var(--surface) 82%, transparent);color:inherit;cursor:pointer;border-radius:999px;align-items:center;gap:4px;margin-left:auto;padding:2px 8px;font-size:.56rem;line-height:1;display:inline-flex}.chat-live-cancel-btn:hover{border-color:color-mix(in srgb, currentColor 64%, var(--border-subtle))}.chat-live-progress{background:color-mix(in srgb, var(--surface) 80%, transparent);border-radius:999px;width:100%;height:4px;overflow:hidden}.chat-live-progress-meter{appearance:none;background:color-mix(in srgb, var(--surface) 78%, transparent);border:none;border-radius:999px;width:100%;height:4px;overflow:hidden}.chat-live-progress-meter::-webkit-progress-bar{background:color-mix(in srgb, var(--surface) 78%, transparent)}.chat-live-progress-meter::-webkit-progress-value{background:currentColor;transition:inline-size .28s}.chat-live-progress-meter::-moz-progress-bar{background:currentColor}.chat-live-progress-fill{border-radius:inherit;background:currentColor;height:100%;transition:width .28s;display:block}.chat-live-progress.indeterminate .chat-live-progress-fill{width:36%;animation:1s ease-in-out infinite chat-live-indeterminate}.chat-live-status.stream{border-color:color-mix(in srgb, var(--link) 40%, var(--border));color:var(--text)}.chat-live-status.generate,.chat-live-status.compose{border-color:color-mix(in srgb, var(--accent-ai) 45%, var(--border));color:color-mix(in srgb, var(--text) 82%, var(--accent-ai))}.chat-live-status.analyze{border-color:color-mix(in srgb, var(--success,#22c55e) 35%, var(--border));color:color-mix(in srgb, var(--text) 82%, var(--success,#22c55e))}@media (width<=560px){.chat-live-status{width:calc(100% - 6px);max-width:calc(100% - 6px)}.chat-live-time{margin-left:0}.chat-live-head{flex-wrap:wrap}}@keyframes chat-status-fade{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes chat-live-pulse{0%,to{opacity:.52;transform:scale(.86)}50%{opacity:1;transform:scale(1)}}@keyframes chat-live-indeterminate{0%{transform:translate(-120%)}to{transform:translate(320%)}}.chat-result-preview{border-top:none;border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 92%, transparent), color-mix(in srgb, var(--surface) 96%, transparent));flex-direction:column;flex-shrink:0;gap:8px;min-height:188px;padding:8px 12px 10px;display:flex}.chat-panel.embedded .chat-result-preview{min-height:0}.chat-result-media{width:100%;min-height:var(--panel-preview-height);border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:var(--surface-2);isolation:isolate;border-radius:12px;position:relative;overflow:hidden;box-shadow:0 8px 22px #0000002e}.chat-result-media:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000,#000000b8);height:42%;position:absolute;bottom:0;left:0;right:0}.chat-result-caption{z-index:2;box-shadow:none;pointer-events:none;background:0 0;border:none;border-radius:0;width:auto;min-height:0;margin:0;padding:0;position:absolute;inset:auto 12px 10px}.chat-result-caption strong{letter-spacing:.03em;color:#fff;text-shadow:0 1px #000000eb,0 2px 6px #000000c7,0 0 14px #0000009e,0 0 2px #000000f2;font-size:.74rem;font-weight:700;display:inline-block}.chat-result-caption--3d{z-index:4;pointer-events:none;justify-content:center;width:100%;display:flex;inset:auto 0 5px;transform:none}.chat-result-3d-toolbar{opacity:0;visibility:hidden;pointer-events:none;justify-content:center;align-items:center;gap:5px;width:auto;max-width:calc(100% - 12px);line-height:1;transition:opacity .18s,transform .18s,visibility 0s linear .18s;display:inline-flex;position:absolute;transform:translate(10px)translateY(2px)}.chat-result-3d:hover .chat-result-3d-toolbar{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .18s,transform .18s,visibility linear;transform:translate(10px)translateY(0)}.chat-result-3d-toolbar .chat-result-3d-variant-btn,.chat-result-3d-toolbar .chat-result-3d-close{pointer-events:none}.chat-result-3d:hover .chat-result-3d-toolbar .chat-result-3d-variant-btn,.chat-result-3d:hover .chat-result-3d-toolbar .chat-result-3d-close{pointer-events:auto}.chat-result-3d-variant-btn{pointer-events:none;cursor:pointer;font:inherit;text-align:center;background:0 0;border:none;place-items:center;min-width:0;padding:0;transition:opacity .14s,transform .14s;display:inline-grid}.chat-result-3d:hover .chat-result-3d-variant-btn{pointer-events:auto}.chat-result-3d:hover .chat-result-3d-variant-btn:hover{transform:translateY(-1px)}.chat-result-3d-variant-btn:focus-visible{outline:2px solid color-mix(in srgb, var(--link) 72%, white);outline-offset:3px;border-radius:4px}.chat-result-3d-variant-label{letter-spacing:.03em;color:#fff;text-shadow:0 1px #000000eb,0 2px 6px #000000c7,0 0 14px #0000009e,0 0 2px #000000f2;grid-area:1/1;font-size:.74rem;font-weight:700;transition:opacity .26s cubic-bezier(.22,.61,.36,1),transform .26s cubic-bezier(.22,.61,.36,1),filter .26s cubic-bezier(.22,.61,.36,1);display:inline-block}.chat-result-3d-variant-label.label-single,.chat-result-3d-variant-label.label-triptych{opacity:0;filter:saturate(.96);transform:translateY(2px)scale(.995)}.chat-result-3d-variant-btn.is-single .chat-result-3d-variant-label.label-single,.chat-result-3d-variant-btn.is-triptych .chat-result-3d-variant-label.label-triptych{opacity:1;filter:saturate();transform:translateY(0)scale(1)}.chat-result-3d-close{z-index:1;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;cursor:pointer;opacity:0;filter:drop-shadow(0 1px 2px #000000d9)drop-shadow(0 2px 6px #000000b8);width:16px;height:16px;box-shadow:none;background:0 0;border:none;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:opacity .18s,transform .18s;display:inline-flex;position:static;transform:translateY(2px)scale(.96)}.chat-result-3d:hover .chat-result-3d-close{opacity:1;transform:translateY(2px)scale(1)}.chat-result-3d-close:hover{opacity:.88;background:0 0;border:none;transform:translateY(2px)scale(1.06)}.chat-result-3d-close:active{opacity:.78;transform:translateY(2px)scale(.96)}.chat-result-preview img{width:100%;height:var(--panel-preview-height);object-fit:contain;background:0 0;border:none;border-radius:0;max-width:100%;display:block}.chat-result-preview img[data-preview-position=left],.preview-display-swatch[data-preview-position=left],.preview-display-text[data-preview-position=left]{object-position:left center;justify-content:flex-start}.chat-result-preview img[data-preview-position=right],.preview-display-swatch[data-preview-position=right],.preview-display-text[data-preview-position=right]{object-position:right center;justify-content:flex-end}.preview-display-swatch,.preview-display-text{width:100%;height:var(--panel-preview-height);min-height:var(--panel-preview-height);border:none;border-radius:0;display:flex}.preview-display-swatch{display:block}.preview-display-text{box-sizing:border-box;justify-content:center;align-items:center;gap:10px;padding:12px 16px}.preview-display-text-sample{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:clamp(1rem,4vw,1.45rem);font-weight:700;line-height:1.1;overflow:hidden}.preview-display-text-accent{opacity:.88;font-size:.82rem;font-weight:700}.chat-result-caption-detail{letter-spacing:.02em;color:#ffffffe0;text-shadow:0 1px #000000eb,0 2px 6px #000000c7;margin-top:2px;font-size:.62rem;font-weight:500;display:block}.chat-result-media .muted{width:100%;min-height:var(--panel-preview-height);text-align:center;background:0 0;border:none;border-radius:0;justify-content:center;align-items:center;margin:0;padding:8px 10px;font-size:.64rem;display:flex}.chat-result-placeholder{width:100%;height:var(--panel-preview-height);background:color-mix(in srgb, var(--surface-2) 94%, transparent);border:none;border-radius:0;position:relative;overflow:hidden}.chat-result-placeholder-frame{border:1px dashed color-mix(in srgb, var(--link) 32%, var(--border-subtle));background:linear-gradient(110deg, color-mix(in srgb, var(--surface) 84%, transparent) 30%, color-mix(in srgb, var(--surface-hover) 66%, transparent) 45%, color-mix(in srgb, var(--surface) 84%, transparent) 60%);background-size:220% 100%;border-radius:6px;animation:1.2s linear infinite chat-result-placeholder-shimmer;position:absolute;inset:8px}.chat-result-placeholder-scan{background:color-mix(in srgb, var(--link) 82%, #fff);height:2px;box-shadow:0 0 12px color-mix(in srgb, var(--link) 45%, transparent);border-radius:999px;animation:1.6s ease-in-out infinite chat-result-placeholder-scan;position:absolute;left:10px;right:10px}@keyframes chat-result-placeholder-shimmer{to{background-position:-120% 0}}@keyframes chat-result-placeholder-scan{0%,to{opacity:.35;top:18px}50%{opacity:.95;top:calc(100% - 18px)}}.chat-result-preview p{margin:0;font-size:.64rem}.chat-result-3d-slot{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.22,.61,.36,1),opacity .26s cubic-bezier(.22,.61,.36,1);display:grid}.chat-result-3d-slot.is-open{opacity:1;grid-template-rows:auto}.chat-result-3d-slot-inner{min-height:0;overflow:hidden}.chat-result-3d{--result-3d-aspect:2.1;--result-3d-height:140px;height:min(var(--result-3d-height), calc(100cqw / var(--result-3d-aspect)));border:1px solid var(--border-subtle);border-radius:var(--panel-preview-radius);background:#f4f7fb;min-height:0;margin-top:2px;display:block;position:relative;overflow:hidden;container-type:inline-size}.chat-result-3d-slot.is-open .chat-result-3d{animation:.32s cubic-bezier(.22,.61,.36,1) result-3d-enter}.chat-result-3d .mug-preview-3d{width:100%;max-height:none;aspect-ratio:unset;box-shadow:none;background:0 0;border:none;border-radius:0;height:100%!important;min-height:0!important}.chat-result-3d .mug-preview-3d.mug-preview-3d--fill{max-height:none;height:100%!important;min-height:0!important}.result-panel{background:var(--bg-deep);flex-direction:column;gap:8px;height:100%;padding:10px;display:flex}.result-panel.result-panel-compact{gap:6px;min-height:188px;padding:8px}.result-panel.result-panel-compact img{object-fit:contain;height:100%;max-height:150px}.result-panel.result-panel-compact .result-panel-3d{--result-3d-aspect:2.15 / 1;--result-3d-max-height:160px;height:auto;min-height:0}.result-panel.result-panel-compact .result-panel-3d .mug-preview-3d{width:100%;height:auto;aspect-ratio:var(--result-3d-aspect);min-height:0;max-height:var(--result-3d-max-height)}.result-panel.result-panel-compact .result-panel-3d .mug-preview-3d.mug-preview-3d--fill{height:auto;max-height:var(--result-3d-max-height)}.result-panel-head strong,.result-panel-title{color:var(--text-secondary);font-size:.7rem}.result-panel-detail{color:var(--muted);font-size:.58rem}.result-state.preview{color:var(--text);border-color:color-mix(in srgb, var(--link) 42%, var(--border-subtle))}.result-panel-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.result-panel-head-status{flex-wrap:nowrap;align-items:center;gap:6px;display:inline-flex}.result-state{border:1px solid var(--border-subtle);color:var(--muted);background:var(--surface-2);border-radius:999px;padding:2px 8px;font-size:.58rem}.result-state.ready{color:var(--text);border-color:var(--link)}.result-state.busy{color:var(--text);border-color:var(--accent-ai)}.result-state.compose{color:var(--text);border-color:var(--link)}.result-source-badge{border:1px solid var(--border-subtle);color:var(--muted);background:var(--surface-2);letter-spacing:.02em;border-radius:999px;padding:2px 8px;font-size:.58rem}.result-source-wrap{position:relative}.result-source-btn{cursor:pointer}.result-source-popover{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);width:min(320px,82vw);min-width:220px;box-shadow:var(--shadow);z-index:40;border-radius:10px;padding:8px 10px;position:absolute;top:calc(100% + 6px);right:0}.result-source-popover strong{margin-bottom:4px;font-size:.68rem;display:block}.result-source-popover p{color:var(--text-secondary);margin:0 0 4px;font-size:.62rem;line-height:1.3}.result-source-popover small{color:var(--muted);font-size:.58rem;display:block}.result-source-badge.generated{border-color:color-mix(in srgb, #5fa8ff 44%, var(--border-subtle));color:var(--text)}.result-source-badge.reference{border-color:color-mix(in srgb, #34d399 40%, var(--border-subtle));color:var(--text)}.result-source-badge.photo{border-color:color-mix(in srgb, #f59e0b 40%, var(--border-subtle));color:var(--text)}.result-source-badge.logo{border-color:color-mix(in srgb, #a78bfa 40%, var(--border-subtle));color:var(--text)}.result-panel img{object-fit:contain;border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:8px;flex:auto;width:100%;max-width:100%;height:100%;min-height:0;max-height:100%;margin:0 auto;transition:opacity .22s,transform .24s,filter .22s}.result-panel-media .preview-display-swatch,.result-panel-media .preview-display-text{border:1px solid var(--border-subtle);border-radius:8px;flex:auto;width:100%;min-height:120px}.result-panel-media .preview-display-text{height:auto;min-height:120px}.result-panel-media{flex:auto;min-height:0;display:flex;position:relative}.result-panel-media.is-refreshing img{opacity:.8;filter:saturate(.94)brightness(.96);transform:scale(.992)}.result-panel-overlay{z-index:6;pointer-events:none;position:absolute;inset:8px 8px auto}.result-panel-overlay .result-panel-head-status{justify-content:flex-end}.result-panel-overlay .result-source-wrap,.result-panel-overlay .result-source-btn,.result-panel-overlay .result-source-popover{pointer-events:auto}.result-panel p{margin:0;font-size:.66rem}.result-panel-3d{--result-3d-aspect:2.15 / 1;--result-3d-max-height:220px;border:1px solid var(--border-subtle);border-radius:var(--panel-preview-radius);background:var(--surface-2);height:auto;min-height:0;clip-path:inset(0 round var(--panel-preview-radius));animation:.26s result-3d-enter;position:relative;overflow:hidden}.chat-result-3d:after,.result-panel-3d:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(120% 70% at 50% 8%, color-mix(in srgb, var(--link) 12%, transparent), transparent 58%), linear-gradient(180deg, #ffffff0f, transparent 40%);opacity:0;animation:.15s ease-out result-3d-glow;position:absolute;inset:0}.result-panel-3d .mug-preview-3d{width:100%;height:auto;aspect-ratio:var(--result-3d-aspect);min-height:0;max-height:var(--result-3d-max-height);box-shadow:none;background:0 0;border:none;border-radius:0}.result-panel-3d .mug-preview-3d.mug-preview-3d--fill{height:auto;max-height:var(--result-3d-max-height)}@keyframes result-3d-enter{0%{opacity:.01;filter:saturate(.92)brightness(.96);transform:translateY(6px)scale(.99)}to{opacity:1;filter:saturate()brightness();transform:translateY(0)scale(1)}}@keyframes result-3d-glow{0%{opacity:0}38%{opacity:1}to{opacity:0}}.chat-thread-strip{border-bottom:1px solid var(--border-subtle);background:var(--surface);align-items:center;gap:6px;padding:8px 10px;display:flex}.chat-thread-list{flex:1;gap:6px;display:flex;overflow-x:auto}.chat-thread-chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.68rem}.chat-thread-chip.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 10%, transparent)}.chat-thread-admin{border-bottom:1px solid var(--border-subtle);background:var(--surface-1);z-index:16;flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 10px;display:flex;position:relative;overflow-x:auto}.chat-ref-drop-slots{border-bottom:1px solid var(--border-subtle);background:var(--surface-1);grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;padding:8px 10px 10px;display:grid;overflow:hidden}.chat-ref-drop-slot{border:1px dashed var(--border);border-radius:var(--radius-sm);min-height:120px;color:var(--muted);text-align:left;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:7px;padding:7px;font-size:.62rem;display:flex}.chat-ref-drop-slot-head{justify-content:space-between;align-items:center;gap:6px;min-height:22px;display:flex}.chat-ref-drop-slot-tools{flex-wrap:nowrap;align-items:center;gap:4px;margin-left:auto;display:inline-flex}.chat-ref-drop-slot-tools span{color:var(--muted);text-align:center;white-space:nowrap;min-width:18px;font-size:.58rem}.icon-btn.mini{width:20px;height:20px}.chat-ref-drop-slot small{color:var(--text-secondary);text-transform:none;white-space:nowrap;text-overflow:ellipsis;font-size:.6rem;overflow:hidden}.chat-ref-drop-slot-empty{border:1px dashed var(--border-subtle);text-align:center;min-height:64px;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;padding:8px;display:flex}.chat-ref-slot-body.open .chat-ref-drop-slot-empty{justify-content:center;align-items:center;height:70px;min-height:70px}.chat-ref-slot-items{grid-template-columns:minmax(0,1fr);gap:6px;display:grid}@media (width<=1400px){.chat-ref-slot-items{grid-template-columns:minmax(0,1fr)}}@media (width<=1080px){.chat-ref-drop-slots,.chat-ref-slot-items{grid-template-columns:minmax(0,1fr)}}.chat-ref-drop-slots{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:6px;display:grid}.chat-ref-drop-slot.row{gap:0;min-height:0;padding:6px}.chat-ref-drop-slot.row.has-files{min-height:210px}.chat-ref-drop-slot-head.row-head{min-height:24px}.chat-ref-slot-title-wrap{align-items:center;gap:6px;min-width:0;display:inline-flex}.chat-ref-slot-title-wrap strong{color:var(--text-secondary);font-size:.66rem}.chat-ref-slot-title-wrap span{color:var(--muted);text-align:center;min-width:16px;font-size:.58rem}.chat-ref-slot-body{opacity:0;max-height:0;margin-top:0;transition:max-height .22s,opacity .18s,margin-top .18s;overflow:hidden}.chat-ref-slot-body.open{opacity:1;max-height:1000px;margin-top:4px}.chat-ref-collapsed-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:2px;display:grid}.chat-ref-collapsed-thumb{appearance:none;border:1px solid var(--border-subtle);cursor:zoom-in;background:var(--surface);border-radius:6px;outline:none;width:100%;height:40px;padding:1px;display:block;position:relative;overflow:hidden}.chat-ref-collapsed-thumb img{object-fit:contain;background:var(--surface-2);border-radius:4px;width:100%;height:100%;display:block}.chat-ref-collapsed-overlay{opacity:0;pointer-events:none;background:linear-gradient(#0508101f,#0508109e);justify-content:center;align-items:center;gap:4px;transition:opacity .18s,transform .22s;display:flex;position:absolute;inset:0;transform:scale(.985)}.chat-ref-collapsed-thumb:hover .chat-ref-collapsed-overlay,.chat-ref-collapsed-thumb:focus-visible .chat-ref-collapsed-overlay{opacity:1;transform:scale(1)}.chat-ref-collapsed-overlay .icon-btn{color:#eef5ff;opacity:.92;background:#070c1abf;border:1px solid #ffffff42;border-radius:999px;width:24px;height:24px;transition:transform .18s,opacity .16s;transform:translateY(2px)scale(.98)}.chat-ref-collapsed-thumb:hover .chat-ref-collapsed-overlay .icon-btn,.chat-ref-collapsed-thumb:focus-visible .chat-ref-collapsed-overlay .icon-btn{opacity:1;transform:translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.chat-ref-collapsed-overlay,.chat-ref-collapsed-overlay .icon-btn{transition:none;transform:none}.chat-result-3d,.result-panel-3d{animation:none}.chat-result-3d-slot{transition:none}.chat-result-3d-slot.is-open{opacity:1}.chat-result-3d:after,.result-panel-3d:after{animation:none}}.attached-file-card{border:1px solid var(--border);background:var(--surface-2);border-radius:10px;grid-template-columns:54px 1fr auto;align-items:center;gap:8px;min-width:210px;padding:6px;display:grid}.attached-file-card.compact{border-radius:999px;grid-template-columns:42px 1fr auto;min-width:170px;padding:5px}.attached-file-card.slot-card{background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:8px;grid-template-columns:56px minmax(0,1fr) auto;align-items:start;gap:4px;width:100%;min-width:0;padding:4px}.attached-file-card.slot-card.expanded{grid-template-columns:minmax(0,1fr) 88px;align-items:stretch;gap:6px;height:188px;min-height:188px;overflow:hidden}.attached-file-card-head{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.attached-file-card-left{grid-template-rows:auto 1fr auto;gap:5px;min-width:0;height:100%;display:grid}.attached-file-card-right{min-width:0;height:100%}.attached-file-card-icons{flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:4px;display:inline-flex}.attached-file-card-icons .icon-btn.mini{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:7px;width:24px;height:24px}.attached-file-card-icons .icon-btn.mini:hover{border-color:var(--border);background:color-mix(in srgb, var(--surface-hover) 88%, transparent)}.attached-file-card-icons .icon-btn.mini.action-ai{color:#7ed3ff}.attached-file-card-icons .icon-btn.mini.action-bg{color:#a4f0c6}.attached-file-card-icons .icon-btn.mini.action-toggle{color:#d3c2ff}.attached-file-card-icons .icon-btn.mini.action-delete{color:#ff9797}.attached-file-card-icons .icon-btn.mini.action-view{color:#d6e8ff}.attached-file-card-icons .icon-btn.mini.active{border-color:var(--link);box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 30%, transparent) inset}.attached-file-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:8px;width:54px;height:54px}.attached-file-card.compact .attached-file-thumb{border-radius:999px;width:42px;height:42px}.attached-file-card.slot-card .attached-file-thumb{object-fit:contain;background:var(--surface);cursor:zoom-in;border-radius:6px;width:56px;height:56px;padding:2px}.attached-file-thumb.big{object-fit:contain;border-radius:8px;width:100%;height:100%}.attached-file-card.slot-card .attached-file-thumb.big{width:100%;height:100%}.attached-file-meta{gap:3px;min-width:0;display:grid}.attached-file-meta-top{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.attached-file-role-title{border:1px solid var(--border);background:var(--surface);color:var(--text);text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;padding:3px 6px;font-size:.62rem;overflow:hidden}.attached-file-role-title:hover{border-color:var(--link)}.attached-file-name{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.58rem;overflow:hidden}.attached-file-meta select{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;width:100%;min-width:0;padding:2px 4px;font-size:.6rem}.attached-file-hint-input{border:1px solid var(--border-subtle);background:var(--surface);color:var(--text);border-radius:7px;width:100%;min-width:0;padding:1px 5px;font-size:.56rem;line-height:1.2}.attached-file-hint-input.large{resize:none;height:100%;min-height:0}.attached-file-actions{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.attached-file-actions.compare-mode{grid-template-rows:1fr 1fr auto;grid-template-columns:1fr;height:100%}.attached-file-main{height:100%;min-height:0}.attached-file-image-main{border:1px solid var(--border-subtle);background:var(--surface);cursor:zoom-in;border-radius:8px;width:100%;height:100%;padding:2px;display:block}.attached-file-actions .btn{min-width:0;padding:3px 4px}.attached-file-inline-preview-btn{border:1px solid var(--border-subtle);background:var(--surface);cursor:pointer;border-radius:7px;gap:2px;padding:2px;display:grid}.attached-file-inline-preview-btn:hover{border-color:var(--link)}.attached-file-inline-preview-btn img{object-fit:contain;background:var(--surface-2);border-radius:5px;width:100%;height:24px}.attached-file-inline-preview-btn.large img{height:46px}.attached-file-text-preview{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 90%, transparent);color:var(--text-secondary);border-radius:7px;margin:0;padding:5px 6px;font-size:.56rem;line-height:1.3;overflow:auto}.attached-file-inline-preview-btn small{color:var(--muted);text-align:center;font-size:.52rem}.attached-file-compare{border:1px dashed var(--border-subtle);border-radius:8px;gap:3px;padding:2px 3px 3px;display:grid}.attached-file-compare-title{color:var(--muted);font-size:.56rem}.attached-file-compare-previews{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.attached-file-compare-item{cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;gap:2px;padding:2px;display:grid}.attached-file-compare-item:hover{border-color:var(--link)}.attached-file-compare-item img{aspect-ratio:1.2;object-fit:contain;border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:6px;width:100%}.attached-file-compare-item small{color:var(--muted);text-align:center;font-size:.55rem}.chat-image-preview-backdrop{z-index:90;background:#0009;justify-content:center;align-items:center;padding:14px;display:flex;position:fixed;inset:0}.chat-image-preview-modal{border:1px solid var(--border-strong);background:var(--surface);border-radius:12px;flex-direction:column;width:min(720px,100%);max-height:86vh;display:flex;overflow:hidden}.chat-image-preview-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.chat-image-preview-head strong{font-size:.72rem}.chat-image-preview-body{grid-template-columns:auto 1fr auto;align-items:center;gap:8px;min-height:280px;padding:10px;display:grid}.chat-image-preview-body img{object-fit:contain;border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:8px;width:100%;max-height:min(64vh,520px)}.chat-image-preview-nav{border:1px solid var(--border);background:var(--surface-2);border-radius:8px;width:28px;height:28px}.chat-image-preview-dots{justify-content:center;gap:8px;padding:0 10px 10px;display:flex}.preview-dot{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.6rem}.preview-dot.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.attached-file-compare-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;display:grid}.attached-file-remove{border:1px solid var(--border-subtle);color:#ff9797;background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:7px;justify-content:center;align-self:center;align-items:center;width:24px;height:24px;display:inline-flex}.attached-file-remove:hover{background:color-mix(in srgb, #ff9797 10%, var(--surface));border-color:#ff9797}.attached-file-quality{color:var(--muted);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:999px;padding:1px 5px;font-size:.58rem}.attached-file-status{color:var(--muted);align-items:center;gap:2px;font-size:.58rem;display:inline-flex}.attached-file-status.ok{color:#7ee0a1}.attached-file-status.warn{color:#f6c26b}.attached-file-status.empty{color:var(--muted)}.chat-generate-switch{border:1px solid var(--border);border-radius:var(--radius-sm);display:inline-flex;overflow:hidden}.chat-generate-switch .switch-btn{background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border:none;padding:6px 10px;font-size:.66rem}.chat-generate-switch .switch-btn.active{background:color-mix(in srgb, var(--link) 14%, transparent);color:var(--text)}.chat-auto-ref-toggle{color:var(--muted);align-items:center;gap:4px;font-size:.62rem;display:inline-flex}.chat-merge-target{color:var(--muted);align-items:center;gap:6px;font-size:.68rem;display:inline-flex}.chat-merge-target select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;min-width:130px;padding:4px 8px}.chat-empty{text-align:center;color:var(--muted);margin:auto;padding:32px 16px;font-size:.82rem}.chat-empty svg{color:var(--muted-dim);margin-bottom:8px}.chat-bubble{border:1px solid var(--border-subtle);border-radius:14px;align-items:flex-start;gap:10px;max-width:min(100%,440px);padding:12px 14px;font-size:.84rem;line-height:1.55;animation:.18s chat-bubble-in;display:flex;box-shadow:0 1px #ffffff08}.chat-bubble.user{background:color-mix(in srgb, var(--link) 10%, var(--surface-2));border-color:color-mix(in srgb, var(--link) 28%, var(--border-subtle));align-self:flex-end;margin-left:24px}.chat-bubble.ai{background:color-mix(in srgb, var(--surface) 94%, var(--surface-2));align-self:flex-start;margin-right:16px}.chat-bubble-avatar{background:color-mix(in srgb, var(--surface-2) 88%, transparent);border:1px solid var(--border-subtle);width:28px;height:28px;color:var(--muted);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;margin-top:1px;display:inline-flex}.chat-bubble.user .chat-bubble-avatar{color:color-mix(in srgb, var(--link) 70%, white);border-color:color-mix(in srgb, var(--link) 30%, var(--border-subtle));background:color-mix(in srgb, var(--link) 12%, transparent)}.chat-bubble svg{flex-shrink:0}@keyframes chat-bubble-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-input{border-top:1px solid var(--border-subtle);background:var(--bg-deep);z-index:2;align-items:flex-end;gap:8px;margin-top:auto;padding:12px;display:flex;position:sticky;bottom:0}.chat-input-resizer{cursor:row-resize;background:0 0;height:8px;position:relative}.chat-input-resizer:after{content:"";background:var(--border-strong);opacity:.5;border-radius:4px;width:34px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chat-input-resizer:hover:after,.chat-input-resizer:active:after{opacity:.9;background:var(--link)}.chat-input.compact{flex-direction:column;align-items:stretch;gap:0;height:100%;padding-top:0}.chat-input-text-wrap{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);flex-direction:column;flex:auto;align-items:stretch;min-height:0;display:flex;position:relative;overflow:hidden}.chat-input-text-wrap.is-inspector-text-wrap{min-height:0}.chat-input-text-wrap.is-inspector-text-wrap:not(.is-inspector-unified){min-height:162px}.chat-input-text-wrap.is-inspector-text-wrap .chat-input-editor-stack{flex:auto;min-height:132px}.chat-input.compact textarea{resize:none;flex:auto;width:100%;min-height:180px;max-height:none;padding-right:40px}.chat-input-highlight-layer{white-space:pre-wrap;word-break:break-word;pointer-events:none;font:inherit;z-index:1;color:var(--text);padding:10px 40px 10px 12px;line-height:1.45;position:absolute;inset:0;overflow:hidden}.chat-input-token.token-command{color:#79b8ff;font-weight:700}.chat-input-token.token-ref{color:#7dd3fc}.chat-input-token.token-bg{color:#86efac}.chat-input-token.token-style{color:#f0abfc}.chat-input-token.token-text{color:#fbbf24}.chat-input-token.token-json-key{color:#fb7185;font-weight:600}.chat-input-token.token-attachment{color:#a5b4fc;font-weight:500}.chat-input-highlighted-textarea::selection{background:color-mix(in srgb, var(--accent) 50%, transparent);color:#0000}.chat-input-token-selection{background:color-mix(in srgb, var(--accent) 42%, transparent);color:inherit;border-radius:2px}.chat-input-command-pill.active{color:#79b8ff;border-color:color-mix(in srgb, #79b8ff 40%, var(--border));background:color-mix(in srgb, #79b8ff 10%, var(--surface-2))}.chat-input-role-pill.role-vision{color:#c4b5fd;border-color:color-mix(in srgb, #c4b5fd 35%, var(--border))}.chat-input-highlighted-textarea{z-index:2;color:#0000;caret-color:var(--text);background:0 0;border:0;position:relative}.chat-input-highlighted-textarea::placeholder{color:var(--muted)}.chat-input-highlighted-textarea:focus{box-shadow:none;outline:none}.chat-input-intent-hints{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.chat-composer-field-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);flex-shrink:0;padding:0 10px 2px;font-size:.68rem;font-weight:600}.chat-composer-field-label.is-inset{letter-spacing:.06em;color:var(--muted);border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:color-mix(in srgb, var(--surface-2) 72%, transparent);margin:0;padding:5px 10px 4px;font-size:.56rem;font-weight:650;display:block}.chat-input-editor-stack{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative}.chat-input-plain-textarea{z-index:2;width:100%;min-height:132px;color:var(--text);caret-color:var(--text);resize:none;font:inherit;background:0 0;border:0;flex:auto;padding:10px 40px 10px 12px;line-height:1.45;position:relative}.chat-input-plain-textarea::placeholder{color:var(--muted)}.chat-input-plain-textarea:focus{box-shadow:none;outline:none}.chat-input-canvas-editor{flex-direction:column;flex:auto;width:100%;min-height:0;display:flex;position:relative;overflow:hidden}.chat-composer-final-host{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--bg-deep) 98%, transparent));flex-shrink:0;max-height:min(28vh,220px);padding:8px 12px 10px;overflow:auto}.chat-prompt-workflow{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent);margin:10px 0 12px;padding:10px 12px}.chat-prompt-workflow-capsules{flex-direction:column;align-items:stretch;gap:0;margin:0;padding:0;list-style:none;display:flex}.chat-prompt-workflow-capsule-item{flex-direction:column;align-items:center;gap:2px;display:flex}.chat-prompt-workflow-capsule-arrow{height:14px;color:color-mix(in srgb, var(--link) 70%, var(--muted));opacity:.75;justify-content:center;align-items:center;display:flex}.chat-prompt-workflow-capsule{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);width:100%;min-height:30px;color:var(--text-secondary);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:5px 12px;font-size:.72rem;font-weight:600;line-height:1.2;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;display:inline-flex}.chat-prompt-workflow-capsule-label{letter-spacing:.01em}.chat-prompt-workflow-capsule-check{color:color-mix(in srgb, var(--success,#3ecf8e) 88%, #fff);flex-shrink:0}.chat-prompt-workflow-capsule-now{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 90%, var(--text));border-radius:999px;flex-shrink:0;padding:1px 6px;font-size:.52rem;font-weight:700}.chat-prompt-workflow-capsule:hover,.chat-prompt-workflow-capsule:focus-visible,.chat-prompt-workflow-capsule.is-highlighted{border-color:color-mix(in srgb, var(--link) 55%, var(--accent) 20%);background:color-mix(in srgb, var(--link) 10%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 22%, transparent);color:var(--text);outline:none}.chat-prompt-workflow-capsule.is-current{border-color:color-mix(in srgb, var(--accent) 50%, var(--link) 20%);background:color-mix(in srgb, var(--accent) 12%, var(--surface))}.chat-prompt-workflow-capsule.is-done{border-color:color-mix(in srgb, var(--success,#3ecf8e) 35%, var(--border-subtle));color:color-mix(in srgb, var(--text-secondary) 85%, var(--success,#3ecf8e))}.chat-prompt-workflow-capsule.is-done.is-highlighted,.chat-prompt-workflow-capsule.is-done:hover{border-color:color-mix(in srgb, var(--link) 50%, var(--success,#3ecf8e) 20%)}.chat-prompt-workflow-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;margin:0 0 4px;font-size:.72rem;font-weight:600}.chat-prompt-workflow-lead{color:var(--muted);margin:0 0 10px;font-size:.68rem;line-height:1.45}.chat-prompt-workflow-pipeline{border:1px dashed color-mix(in srgb, var(--link) 28%, var(--border-subtle));background:color-mix(in srgb, var(--link) 6%, transparent);border-radius:8px;flex-wrap:wrap;align-items:center;gap:4px;margin:0 0 12px;padding:6px 8px;display:flex}.chat-prompt-workflow-pipeline-item{align-items:center;gap:4px;display:inline-flex}.chat-prompt-workflow-pipeline-arrow{opacity:.65;color:var(--link);flex-shrink:0}.chat-prompt-workflow-pipeline-chip{border:1px solid color-mix(in srgb, var(--link) 35%, transparent);background:color-mix(in srgb, var(--surface) 90%, transparent);letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb, var(--link) 88%, var(--text));border-radius:999px;align-items:center;gap:5px;padding:2px 8px;font-size:.58rem;font-weight:700;transition:border-color .15s,background .15s,box-shadow .15s;display:inline-flex}.chat-prompt-workflow-pipeline-num{border:1px solid color-mix(in srgb, var(--link) 45%, transparent);background:color-mix(in srgb, var(--link) 14%, var(--surface-2));border-radius:999px;justify-content:center;align-items:center;min-width:1.1rem;height:1.1rem;font-size:.56rem;line-height:1;display:inline-flex}.chat-prompt-workflow-pipeline-chip.is-active{border-color:color-mix(in srgb, var(--accent) 55%, var(--link) 25%);background:color-mix(in srgb, var(--accent) 14%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent);color:var(--text)}.chat-prompt-workflow-pipeline-chip.is-active .chat-prompt-workflow-pipeline-num{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 22%, var(--surface-2));color:color-mix(in srgb, var(--accent) 92%, #fff)}.chat-prompt-workflow-next{border:1px solid color-mix(in srgb, var(--accent) 38%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 10%, var(--surface));color:var(--text-secondary);border-radius:8px;flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 10px;padding:7px 9px;font-size:.68rem;line-height:1.35;display:flex}.chat-prompt-workflow-next-label{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:color-mix(in srgb, var(--accent) 92%, var(--text));letter-spacing:.05em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 6px;font-size:.56rem;font-weight:700;display:inline-flex}.chat-prompt-workflow-next-arrow{opacity:.7;color:var(--link);flex-shrink:0}.chat-prompt-workflow-next-action{color:var(--muted);font-size:.64rem}.chat-prompt-workflow-phase-gate{color:color-mix(in srgb, var(--link) 78%, var(--muted));flex-direction:column;align-items:center;gap:2px;padding:4px 0 6px;display:flex}.chat-prompt-workflow-phase-gate-chip{border:1px dashed color-mix(in srgb, var(--link) 42%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, transparent);letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--link) 90%, var(--text));border-radius:999px;align-items:center;padding:2px 8px;font-size:.56rem;font-weight:700;display:inline-flex}.chat-prompt-workflow-phase-gate-hint{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.52rem;font-weight:600}.chat-prompt-workflow-phase-gate-arrow{opacity:.85;color:color-mix(in srgb, var(--link) 82%, var(--accent))}.chat-prompt-workflow-phase-chip{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);letter-spacing:.03em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;padding:1px 6px;font-size:.54rem;font-weight:650;display:inline-flex}.chat-prompt-workflow-current-badge{border:1px solid color-mix(in srgb, var(--accent) 48%, transparent);background:color-mix(in srgb, var(--accent) 14%, transparent);color:color-mix(in srgb, var(--accent) 92%, var(--text));letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 6px;font-size:.54rem;font-weight:700;animation:2.2s ease-in-out infinite chat-workflow-pulse;display:inline-flex}@keyframes chat-workflow-pulse{0%,to{opacity:1}50%{opacity:.72}}.chat-prompt-workflow-step.is-current{border-color:color-mix(in srgb, var(--accent) 52%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 8%, var(--surface));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 16%, transparent)}.chat-prompt-workflow-badge.is-with-key{gap:3px}.chat-prompt-workflow-badge-key.is-ok{color:#4ade80;flex-shrink:0}.chat-prompt-workflow-badge-key.is-missing{color:#f87171;flex-shrink:0}.chat-prompt-workflow-badge.is-keys-ok{border-color:#22c55e6b}.chat-prompt-workflow-badge.is-keys-missing{background:#ef444414;border-color:#ef44446b}.chat-prompt-workflow-steps{color:var(--text-secondary);flex-direction:column;gap:0;margin:0;padding:0;font-size:.78rem;line-height:1.4;list-style:none;display:flex}.chat-prompt-workflow-step-item{flex-direction:column;align-items:stretch;gap:0;display:flex}.chat-prompt-workflow-connector{color:color-mix(in srgb, var(--link) 72%, var(--muted));letter-spacing:.06em;text-transform:uppercase;flex-direction:column;align-items:center;gap:0;padding:2px 0 4px;font-size:.58rem;font-weight:600;display:flex}.chat-prompt-workflow-connector svg{opacity:.85}.chat-prompt-workflow-connector-label{letter-spacing:.03em;font-size:.54rem;font-weight:650}.chat-prompt-workflow-steps li{flex-direction:column;gap:2px;margin-left:0;list-style:none;display:flex}.chat-prompt-workflow-step{border:1px solid color-mix(in srgb, var(--border-subtle) 82%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;border-radius:10px;flex-direction:column;gap:4px;margin:0;padding:8px 10px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.chat-prompt-workflow-step-top{align-items:flex-start;gap:8px;display:flex}.chat-prompt-workflow-step-num{border:1px solid color-mix(in srgb, var(--link) 40%, var(--border-subtle));background:color-mix(in srgb, var(--link) 12%, var(--surface-2));min-width:1.35rem;height:1.35rem;color:var(--link);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:.62rem;font-weight:700;line-height:1;display:inline-flex}.chat-prompt-workflow-step-order{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-radius:999px;align-items:center;padding:1px 6px;font-size:.52rem;font-weight:700;display:inline-flex}.chat-prompt-workflow-badges{flex-wrap:wrap;align-items:center;gap:2px 4px;padding-left:calc(1.35rem + 8px);display:flex}.chat-prompt-workflow-badge-wrap{align-items:center;gap:3px;display:inline-flex}.chat-prompt-workflow-badge-arrow{opacity:.55;color:var(--muted);flex-shrink:0}.chat-prompt-workflow-badge{border:1px solid var(--border-subtle);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:1px 6px;font-size:.56rem;font-weight:700;display:inline-flex}.chat-prompt-workflow-badge.role-ref{color:#c4b5fd;background:#8b5cf624;border-color:#8b5cf673}.chat-prompt-workflow-badge.role-bg{color:#86efac;background:#22c55e1f;border-color:#22c55e73}.chat-prompt-workflow-badge.role-stl{color:#fcd34d;background:#f59e0b1f;border-color:#f59e0b73}.chat-prompt-workflow-badge.role-txt{color:#7dd3fc;background:#38bdf81f;border-color:#38bdf873}.chat-prompt-workflow-badge.role-prompt{border-color:color-mix(in srgb, var(--link) 40%, transparent);color:color-mix(in srgb, var(--link) 88%, #fff);background:color-mix(in srgb, var(--link) 10%, transparent)}.chat-prompt-workflow-badge.role-mode{border-color:color-mix(in srgb, var(--border-strong) 55%, transparent);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 90%, transparent)}.chat-prompt-workflow-badge.role-neutral{color:var(--muted)}.chat-prompt-workflow-step:hover,.chat-prompt-workflow-step:focus-visible,.chat-prompt-workflow-step.is-highlighted{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 18%, transparent);outline:none}.chat-prompt-workflow-step.is-done{border-color:color-mix(in srgb, #22c55e 38%, var(--border-subtle));background:color-mix(in srgb, #22c55e 8%, var(--surface))}.chat-prompt-workflow-step.is-done .chat-prompt-workflow-step-num{background:color-mix(in srgb, #22c55e 22%, var(--surface-2));color:#86efac;border-color:#22c55e8c}.chat-prompt-workflow-done-badge{color:#86efac;letter-spacing:.04em;text-transform:uppercase;background:#22c55e1f;border:1px solid #22c55e73;border-radius:999px;align-items:center;padding:1px 6px;font-size:.54rem;font-weight:700;display:inline-flex}.chat-prompt-workflow-hints{border-top:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);margin-top:12px;padding-top:10px}.chat-prompt-workflow.is-compact{flex-direction:column;gap:6px;min-width:0;margin:6px 0 8px;padding:8px 10px 10px;display:flex}.chat-prompt-workflow.is-compact .chat-prompt-workflow-capsule{min-height:28px;padding:4px 10px;font-size:.68rem}.chat-prompt-workflow.is-compact .chat-prompt-workflow-capsule-now{padding:0 5px;font-size:.5rem}.chat-prompt-workflow.is-compact .chat-prompt-workflow-hints{margin-top:0;padding-top:8px}.chat-prompt-workflow.is-compact .chat-prompt-workflow-hints-label{margin-bottom:5px;font-size:.6rem}.chat-prompt-workflow-steps-details{margin:0}.chat-prompt-workflow-steps-summary{cursor:pointer;color:var(--text-secondary);border:1px solid color-mix(in srgb, var(--border-subtle) 75%, transparent);background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-user-select:none;user-select:none;border-radius:8px;margin:0 -2px;padding:6px 8px;font-size:.62rem;font-weight:650;list-style:none;transition:background .15s,border-color .15s}.chat-prompt-workflow-steps-summary:hover{background:color-mix(in srgb, var(--surface-hover) 90%, transparent);border-color:color-mix(in srgb, var(--link) 28%, var(--border-subtle))}.chat-prompt-workflow-steps-summary:before{content:"▸ ";opacity:.75}.chat-prompt-workflow-steps-details[open] .chat-prompt-workflow-steps-summary:before{content:"▾ "}.chat-prompt-workflow-steps-summary::-webkit-details-marker{display:none}.chat-prompt-workflow-steps-details[open] .chat-prompt-workflow-steps-summary{margin-bottom:6px}.chat-prompt-workflow.is-compact .chat-prompt-workflow-steps{gap:4px;max-height:none;overflow:visible}.chat-prompt-workflow.is-compact .chat-prompt-workflow-step{border-radius:8px;gap:3px;padding:6px 8px}.chat-prompt-workflow.is-compact .chat-prompt-workflow-step-head strong{font-size:.7rem;font-weight:600;line-height:1.35}.chat-panel.embedded .chat-empty-intro{text-align:left;align-self:stretch;gap:8px;width:100%;max-width:none;margin:0;padding:10px 12px 12px}.chat-panel.embedded .chat-empty-intro-title{text-align:left;font-size:.82rem}.chat-panel.embedded .chat-empty-intro-lead{text-align:left;color:var(--text-secondary);font-size:.7rem;line-height:1.45}.chat-panel.embedded .chat-messages{justify-content:flex-start;align-items:stretch}.chat-prompt-workflow-hints-label{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:.62rem;font-weight:650}.chat-prompt-workflow.is-compact .chat-prompt-workflow-hint-chip{text-align:left;white-space:normal;max-width:100%;padding:5px 9px;font-size:.64rem;line-height:1.3}.chat-prompt-workflow-hints-row{flex-wrap:wrap;gap:6px;display:flex}.chat-prompt-workflow-hint-chip{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.66rem;line-height:1.3;transition:border-color .15s,background .15s,color .15s}.chat-prompt-workflow-hint-chip:hover{border-color:color-mix(in srgb, var(--link) 40%, transparent);background:color-mix(in srgb, var(--link) 10%, transparent);color:var(--text)}.chat-prompt-workflow-step-head{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-prompt-workflow-step-action{color:var(--text-secondary);padding-left:calc(1.35rem + 8px)}.chat-prompt-workflow-required-badge{letter-spacing:.03em;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 88%, var(--text));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);background:color-mix(in srgb, var(--accent) 12%, transparent);border-radius:999px;padding:1px 5px;font-size:.62rem;font-weight:600}.chat-prompt-workflow-step.is-required .chat-prompt-workflow-step-head strong:after{content:none}.chat-prompt-workflow-steps strong{color:var(--text);font-size:.8rem}.chat-prompt-workflow-steps em{color:var(--muted);font-size:.72rem;font-style:normal}.chat-inspector-send-bar{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 94%, transparent);flex-shrink:0;align-items:center;gap:10px;padding:8px 12px;display:flex}.chat-inspector-send-btn{border:1px solid color-mix(in srgb, var(--link) 55%, var(--border-subtle));background:color-mix(in srgb, var(--link) 82%, #1e293b);color:#f8fafc;cursor:pointer;min-width:112px;height:34px;box-shadow:0 4px 14px color-mix(in srgb, var(--link) 24%, transparent);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;padding:0 14px;font-size:.72rem;font-weight:700;transition:filter .14s,opacity .14s;display:inline-flex}.chat-inspector-send-btn:hover:not(:disabled){filter:brightness(1.06)}.chat-inspector-send-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.chat-inspector-send-note{min-width:0;color:var(--muted);flex:auto;font-size:.62rem;line-height:1.35}.chat-input-text-wrap.is-inspector-text-wrap .chat-input-plain-textarea{padding-right:44px}.chat-input-editor-stack.is-inspector-editor{flex:auto;width:100%;min-height:132px;position:relative}.chat-input-send-inline.is-inspector-inline{border-color:color-mix(in srgb, var(--link) 55%, var(--border-subtle));background:color-mix(in srgb, var(--link) 82%, #1e293b);color:#f8fafc;width:30px;height:30px;box-shadow:0 2px 10px color-mix(in srgb, var(--link) 22%, transparent);border-radius:8px;bottom:10px;right:10px}.chat-input-send-inline.is-inspector-inline:hover:not(:disabled){filter:brightness(1.06);border-color:color-mix(in srgb, var(--link) 70%, var(--border-subtle));color:#fff}.chat-inspector-composer-footer{border-top:none;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:10px;margin-top:0;padding:6px 0 0;display:flex}.chat-inspector-keys-inline-btn{border:1px solid color-mix(in srgb, #f59e0b 45%, var(--border-subtle));background:color-mix(in srgb, #f59e0b 10%, var(--surface-2));color:color-mix(in srgb, #f59e0b 90%, var(--text));cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:4px 10px;font-size:.68rem;font-weight:600;display:inline-flex}.chat-inspector-keys-inline-btn:hover{border-color:color-mix(in srgb, #f59e0b 65%, var(--link));background:color-mix(in srgb, #f59e0b 16%, var(--surface-2))}.chat-inspector-send-btn.is-embedded{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:inline-flex}.chat-input.is-inspector-composer{border-top:1px solid color-mix(in srgb, var(--border-subtle) 75%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 94%, transparent), color-mix(in srgb, var(--bg-deep) 98%, transparent));flex-direction:column;flex:1 0 auto;gap:0;min-height:180px;max-height:min(52vh,440px);margin-top:0;padding:2px 4px 3px;display:flex}.chat-inspector-composer-head{flex-shrink:0;align-items:center;gap:4px;min-width:0;padding:0;display:flex}.chat-inspector-composer-head .chat-composer-mode-select-wrap{flex:0 auto;min-width:0;padding:0}.chat-inspector-composer-head .chat-composer-mode-select{border-radius:6px;width:auto;min-width:68px;max-width:96px;padding:1px 20px 1px 7px;font-size:.64rem;line-height:1.2}.chat-inspector-composer-head .chat-inspector-keys-inline-btn.is-head-compact{border-radius:999px;flex-shrink:0;gap:0;padding:1px 6px;font-size:.58rem;line-height:1}.chat-inspector-composer-head .chat-inspector-keys-inline-btn.is-icon-only{justify-content:center;width:22px;height:22px;padding:0}.chat-inspector-composer-head .chat-inspector-undo-agent-btn{border-radius:999px;margin-left:auto;padding:1px 6px;font-size:.56rem}.chat-input-text-wrap.is-composer-unified,.chat-input-text-wrap.is-inspector-unified{background:0 0;border:none;border-radius:0;flex-direction:column;flex:auto;gap:0;min-height:0;display:flex;overflow:hidden}.chat-input-editor-stack.is-composer-unified-stack{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:10px;flex-direction:column;flex:auto;min-height:0;display:flex;overflow:hidden}.chat-input-editor-stack.is-composer-unified-stack .chat-inspector-composer-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent);padding:2px 4px}.chat-input-editor-stack.is-composer-unified-stack.is-inspector-editor{flex:auto;min-height:72px}.chat-input-text-wrap.is-composer-unified .chat-input-plain-textarea,.chat-input-text-wrap.is-inspector-unified .chat-input-plain-textarea{min-height:72px;padding:6px 40px 6px 8px}.chat-input-text-wrap.is-inspector-unified{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:10px}.chat-input-text-wrap.is-inspector-unified .chat-inspector-composer-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent);padding:3px 5px}.chat-input-text-wrap.is-inspector-unified .chat-input-editor-stack.is-inspector-editor{flex:auto;min-height:144px}.chat-input-text-wrap.is-inspector-text-wrap .chat-input-plain-textarea{min-height:144px;padding:8px 40px 8px 10px}.chat-inspector-composer-toolbar{flex-shrink:0;align-items:center;gap:6px;min-width:0;display:flex}.chat-inspector-composer-toolbar .chat-composer-mode-select-wrap{flex:auto;min-width:0;padding:0}.chat-inspector-composer-toolbar .chat-composer-mode-select{width:100%;padding:4px 26px 4px 8px;font-size:.68rem}.chat-inspector-composer-toolbar .chat-inspector-keys-inline-btn,.chat-inspector-composer-toolbar .chat-inspector-undo-agent-btn{flex-shrink:0;padding:3px 8px;font-size:.62rem}.chat-inspector-composer-toolbar .chat-inspector-undo-agent-btn{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px}.chat-inspector-composer-toolbar .chat-inspector-undo-agent-btn:hover{border-color:var(--border);color:var(--text)}.chat-panel.embedded .chat-input.is-inspector-composer{flex:auto;height:auto;min-height:192px;max-height:min(52vh,440px)}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-text-wrap{flex:auto;min-height:0;max-height:none}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-text-wrap.is-composer-unified,.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-text-wrap.is-inspector-unified{min-height:168px;max-height:none}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-editor-stack.is-composer-unified-stack{min-height:168px}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-editor-stack.is-inspector-editor,.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-plain-textarea{min-height:132px}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-text-wrap.is-inspector-text-wrap:not(.is-inspector-unified):not(.is-composer-unified){min-height:144px}.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-editor-stack{flex:auto;min-height:144px;max-height:none}.chat-panel.embedded .chat-input.compact.is-inspector-composer textarea,.chat-panel.embedded .chat-input.is-inspector-composer .chat-input-plain-textarea{flex:auto;min-height:144px;max-height:none;overflow-y:auto}.chat-inspector-canvas-handoff{border:1px dashed color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--text-secondary);border-radius:8px;padding:8px 10px;font-size:.68rem;line-height:1.4}.chat-inspector-canvas-handoff strong{color:var(--text);margin-bottom:4px;font-size:.72rem;display:block}.chat-inspector-canvas-handoff p{margin:0}.chat-composer-field-label.is-inspector{color:color-mix(in srgb, var(--link) 85%, var(--text))}.chat-composer-final-host .chat-composer-final{margin-top:0}.chat-composer-final{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:8px;margin-top:6px;overflow:hidden}.chat-composer-final summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;padding:6px 8px;font-size:.62rem}.chat-composer-final-breakdown{flex-wrap:wrap;gap:6px;padding:0 8px 6px;display:flex}.chat-composer-final-actions{flex-wrap:wrap;justify-content:flex-end;gap:6px;padding:0 8px 6px;display:flex}.chat-composer-final-blocks{gap:6px;padding:0 8px 8px;display:grid}.chat-composer-final-block{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 86%, transparent);border-radius:6px;padding:6px 8px}.chat-composer-final-block strong{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin-bottom:4px;font-size:.58rem;display:block}.chat-composer-final-block p{white-space:pre-wrap;color:var(--text);margin:0;font-size:.62rem;line-height:1.35}.chat-composer-final-text{border:1px solid var(--border);background:var(--surface-2);width:calc(100% - 16px);color:var(--text);resize:vertical;border-radius:6px;margin:0 8px 8px;padding:8px;font-size:.62rem;line-height:1.35}.chat-composer-final.is-canvas summary{font-size:.58rem}.chat-composer-final.is-canvas .chat-composer-final-text{min-height:90px;max-height:140px}.chat-composer-final-canvas-note{border:1px dashed color-mix(in srgb, var(--border-subtle) 85%, transparent);background:color-mix(in srgb, var(--surface-2) 80%, transparent);color:var(--muted);border-radius:6px;margin:0 8px 8px;padding:6px 8px;font-size:.6rem;line-height:1.4}.chat-composer-final-diff{border:1px dashed var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 75%, transparent);border-radius:6px;margin:0 8px 8px;padding:8px}.chat-composer-final-diff strong{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px;font-size:.58rem;display:block}.chat-composer-final-diff-text{white-space:pre-wrap;color:var(--text);margin:0;font-size:.62rem;line-height:1.35}.chat-composer-diff-mode-toggle{gap:4px;margin:0 0 8px;display:inline-flex}.chat-composer-diff-toggle{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:4px 8px;font-size:.58rem;line-height:1}.chat-composer-diff-toggle.active{border-color:color-mix(in srgb, var(--link) 45%, var(--border-subtle));color:color-mix(in srgb, var(--link) 85%, var(--text))}.chat-composer-diff-added{background:#7ee0a14d;border-radius:3px}.chat-composer-final-diff-lines{gap:4px;display:grid}.chat-composer-final-diff-line{white-space:pre-wrap;background:color-mix(in srgb, var(--surface) 92%, transparent);border-radius:4px;margin:0;padding:4px 6px;font-size:.62rem;line-height:1.35}.chat-composer-final-diff-line.is-added{background:#7ee0a14d}.chat-composer-final-diff-line.is-removed{background:#f8717138}.chat-composer-final-diff-removed{color:var(--muted);margin:8px 0 0;font-size:.6rem;line-height:1.35}.chat-composer-actions{flex-wrap:wrap;gap:4px;max-height:64px;padding:0 2px 6px;display:flex;overflow-y:auto}.chat-composer-actions.is-compact{gap:3px;max-height:52px}.chat-composer-action-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 92%, transparent);cursor:pointer;border-radius:6px;align-items:center;gap:4px;padding:3px 7px;font-size:.66rem;font-weight:550;line-height:1.2;transition:border-color .12s,background .12s,color .12s;display:inline-flex}.chat-composer-action-btn:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.chat-composer-action-btn.is-active{color:#79b8ff;border-color:color-mix(in srgb, #79b8ff 45%, var(--border));background:color-mix(in srgb, #79b8ff 12%, var(--surface-2))}.chat-composer-action-btn.is-stop{color:#fca5a5;border-color:color-mix(in srgb, #f87171 35%, var(--border-subtle))}.chat-composer-action-btn.is-stop:hover:not(:disabled){color:#fecaca;border-color:color-mix(in srgb, #f87171 55%, var(--border));background:color-mix(in srgb, #f87171 10%, var(--surface))}.chat-composer-action-btn:disabled{opacity:.45;cursor:not-allowed}.chat-composer-mode-bar{flex-wrap:wrap;gap:4px;padding:4px 8px 0;display:flex}.chat-composer-mode-select-wrap.is-compact{gap:0;padding:0}.chat-composer-mode-picker{flex:0 auto;min-width:0;position:relative}.chat-composer-mode-picker-trigger{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);min-width:0;max-width:118px;color:var(--text);cursor:pointer;border-radius:8px;align-items:center;gap:5px;padding:3px 8px 3px 6px;font-size:.66rem;font-weight:650;line-height:1.25;display:inline-flex}.chat-composer-mode-picker-trigger.is-keys-missing{border-color:color-mix(in srgb, #ef4444 48%, var(--border-subtle))}.chat-composer-mode-picker-trigger.is-keys-ok{border-color:color-mix(in srgb, #22c55e 42%, var(--border-subtle))}.chat-composer-mode-picker-trigger.is-dry-run{border-color:color-mix(in srgb, #22c55e 40%, var(--border-subtle))}.chat-composer-mode-picker-value{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.chat-composer-mode-picker-chevron{opacity:.7;flex-shrink:0;transition:transform .15s}.chat-composer-mode-picker.is-open .chat-composer-mode-picker-chevron{transform:rotate(180deg)}.chat-composer-mode-picker-menu{z-index:24;border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:color-mix(in srgb, var(--surface-1) 98%, #0f141c);border-radius:10px;min-width:max(100%,168px);margin:0;padding:4px;list-style:none;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 12px 28px #00000052}.chat-composer-mode-picker-option{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:7px;align-items:center;gap:6px;padding:6px 8px;font-size:.68rem;font-weight:600;display:flex}.chat-composer-mode-picker-option-label{flex:auto;min-width:0}.chat-composer-mode-picker-key-hint{letter-spacing:.02em;opacity:.92;flex-shrink:0;font-size:.56rem;font-weight:650}.chat-composer-mode-picker-key-hint.is-ok{color:#4ade80}.chat-composer-mode-picker-key-hint.is-missing{color:#f87171}.chat-composer-mode-picker-key-hint.is-dry-run{color:#86efac}.chat-composer-mode-picker-option.is-keys-missing{background:#ef44440f}.chat-composer-mode-picker-option.is-keys-ok{background:#22c55e0d}.chat-composer-mode-picker-option:hover,.chat-composer-mode-picker-option.is-active{background:color-mix(in srgb, var(--link) 12%, transparent)}.chat-composer-mode-key-icon.is-ok{color:#4ade80;filter:drop-shadow(0 0 4px #22c55e73);flex-shrink:0}.chat-composer-mode-key-icon.is-missing{color:#f87171;filter:drop-shadow(0 0 4px #ef444459);flex-shrink:0}.chat-composer-mode-key-icon.is-dry-run{color:#86efac;flex-shrink:0}.chat-composer-mode-select-wrap{align-items:center;gap:6px;padding:0 0 2px;display:flex}.chat-composer-mode-select-label{display:none}.chat-composer-mode-select{border:1px solid var(--border-subtle);min-width:0;max-width:100%;color:var(--text);background:color-mix(in srgb, var(--surface) 92%, transparent);cursor:pointer;text-overflow:ellipsis;border-radius:8px;flex:1;padding:5px 28px 5px 10px;font-size:.72rem;font-weight:600;line-height:1.3}.chat-composer-mode-select:disabled{opacity:.45;cursor:not-allowed}.chat-composer-mode-select.is-keys-missing{border-color:color-mix(in srgb, #f59e0b 55%, var(--border-subtle))}.chat-composer-mode-select.is-dry-run{border-color:color-mix(in srgb, #22c55e 40%, var(--border-subtle))}.chat-composer-mode-key-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:999px;flex-shrink:0;padding:2px 7px;font-size:.58rem;font-weight:700}.chat-composer-mode-key-badge.is-missing{color:#92400e;background:#f59e0b38;border:1px solid #f59e0b73}.chat-composer-mode-key-badge.is-dry-run{color:#166534;background:#22c55e2e;border:1px solid #22c55e59}.chat-composer-mode-key-badge.is-ok{color:#166534;background:#22c55e24;border:1px solid #22c55e59;align-items:center;gap:3px;display:inline-flex}.chat-composer-mode-canvas-agent-pill{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:var(--text-secondary);border-radius:999px;align-items:center;padding:3px 8px;font-size:.62rem;font-weight:600;display:inline-flex}.chat-composer-mode-select-wrap.is-canvas-agent-hint{gap:6px}.chat-composer-batch-generate.is-configure-keys{background:color-mix(in srgb, #f59e0b 18%, var(--surface-2));color:#92400e;border-color:#f59e0b73}.chat-inspector-undo-agent-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 88%, transparent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:6px 10px;font-size:.68rem}.chat-inspector-undo-agent-btn:hover{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 40%, var(--border-subtle))}.chat-composer-mode-bar.is-canvas{padding:2px 6px 0}.chat-composer-mode-btn{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 92%, transparent);cursor:pointer;border-radius:999px;padding:2px 9px;font-size:.62rem;line-height:1.25;transition:border-color .12s,color .12s,background .12s}.chat-composer-mode-btn:hover:not(:disabled){color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle))}.chat-composer-mode-btn.is-active{color:var(--text-primary);border-color:color-mix(in srgb, var(--accent) 55%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 12%, var(--surface));font-weight:600}.chat-composer-mode-btn:disabled{opacity:.45;cursor:not-allowed}.chat-composer-confidence-hint{color:color-mix(in srgb, var(--accent) 70%, var(--text-secondary));margin:0;padding:2px 10px 4px;font-size:.62rem;line-height:1.35}.chat-composer-confidence-hint:before{content:"◦ ";opacity:.7}.chat-composer-canvas-stop-row{justify-content:flex-end;padding:2px 8px 0;display:flex}.chat-composer-canvas-stop{border:1px solid color-mix(in srgb, #f87171 45%, var(--border-subtle));color:#fecaca;background:color-mix(in srgb, #f87171 8%, var(--surface));cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:3px 10px;font-size:.62rem;display:inline-flex}.chat-composer-canvas-stop:hover{border-color:color-mix(in srgb, #f87171 65%, var(--border-subtle));color:#fff}.chat-composer-prompt-generate-row{justify-content:stretch;padding:6px 8px 2px;display:flex}.chat-composer-prompt-generate-btn{border:1px solid color-mix(in srgb, #fff 18%, var(--border-subtle));letter-spacing:.01em;color:#111;cursor:pointer;background:linear-gradient(#fffffff5,#ffffffe0);border-radius:10px;justify-content:center;align-items:center;gap:7px;width:100%;padding:8px 12px;font-size:.72rem;font-weight:600;transition:transform .12s,box-shadow .12s,opacity .12s;display:inline-flex;box-shadow:inset 0 1px #fff6,0 6px 18px #00000038}.chat-composer-prompt-generate-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff80,0 8px 22px #00000047}.chat-composer-prompt-generate-btn:disabled{opacity:.55;cursor:not-allowed}.chat-input-role-pill,.chat-input-command-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface) 90%, transparent);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.62rem;line-height:1.2;display:inline-flex}.chat-input-role-pill.role-ref{border-color:color-mix(in srgb, #7dd3fc 50%, var(--border-subtle))}.chat-input-role-pill.role-bg{border-color:color-mix(in srgb, #86efac 50%, var(--border-subtle))}.chat-input-role-pill.role-style{border-color:color-mix(in srgb, #f0abfc 50%, var(--border-subtle))}.chat-input-role-pill.role-text{border-color:color-mix(in srgb, #fbbf24 55%, var(--border-subtle))}.chat-input-command-pill.muted{opacity:.85}.chat-input-send-inline{z-index:3;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 92%, transparent);width:26px;height:26px;color:var(--text-secondary);cursor:pointer;border-radius:7px;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:8px;right:8px}.chat-input-send-inline:hover:not(:disabled){border-color:var(--link);color:var(--text)}.chat-input-send-inline:disabled{opacity:.45;cursor:not-allowed}.chat-input-send-inline.is-stop{border-color:color-mix(in srgb, #ef4444 55%, var(--border-subtle));color:#fff;background:#c93f42}.chat-input-send-inline.is-stop:hover{filter:brightness(1.08);border-color:#f26565d9}.chat-input-send-inline.is-configure-keys{border-color:color-mix(in srgb, #f59e0b 58%, var(--border-subtle));background:color-mix(in srgb, #f59e0b 16%, var(--surface));color:#fbbf24;align-items:center;gap:4px;padding-inline:7px;font-size:.62rem;font-weight:600;display:inline-flex}.chat-input-send-keys-label{text-overflow:ellipsis;white-space:nowrap;max-width:4.5rem;overflow:hidden}.chat-input-send-inline.is-configure-keys.is-inspector-inline{border-color:color-mix(in srgb, #ef4444 58%, var(--border-subtle));background:color-mix(in srgb, #ef4444 14%, var(--surface));color:#fca5a5}.chat-input-send-inline.is-configure-keys:hover:not(:disabled){color:#fde68a;border-color:#f6ac2ed6}.chat-input-send-inline.is-configure-keys.is-inspector-inline:hover:not(:disabled){color:#fecaca;border-color:#f15b5bd1}.chat-input-send-inline.is-configure-keys.is-keys-missing,.chat-input-send-inline.is-configure-keys.is-inspector-inline{border-color:color-mix(in srgb, #ef4444 65%, var(--border-subtle));background:color-mix(in srgb, #ef4444 16%, var(--surface));color:#fecaca;box-shadow:0 2px 10px #ef44442e}.chat-input-send-inline.is-key-only{justify-content:center;width:30px;height:30px;padding:0}.chat-input-send-inline.is-key-only .chat-input-send-keys-label{display:none}.chat-input-send-inline.is-inspector-inline.is-send-ready.is-keys-ok{border-color:color-mix(in srgb, #22c55e 42%, var(--link) 28%);background:color-mix(in srgb, var(--link) 78%, #1e293b);color:#f8fafc;justify-content:center;align-items:center;gap:2px;display:inline-flex}.chat-input-send-inline.is-inspector-inline.is-send-ready.is-keys-ok:disabled{opacity:.55;filter:none}.chat-input-send-key-ok,.chat-input-send-key-icon.is-ok{color:#86efac;flex-shrink:0}.chat-input-send-key-icon.is-missing{color:#fca5a5;flex-shrink:0}.chat-input-send-inline.is-send-ready.is-keys-ok{gap:3px}.chat-input-send-inline.is-inspector-inline.is-send-ready{border-color:color-mix(in srgb, var(--link) 45%, var(--border-subtle));background:color-mix(in srgb, var(--link) 18%, var(--surface));color:color-mix(in srgb, var(--link) 92%, #fff)}.chat-input-controls{flex-direction:column;gap:6px;display:flex}.chat-input-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chat-input-row-actions{order:1}.chat-input-row-model-inline{order:1;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;display:grid}.chat-input-row-model-inline label{gap:4px;min-width:0;display:grid}.chat-input-row-model-inline label span{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.56rem}.chat-input-row-model-inline select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;min-width:0;color:var(--text);padding:5px 8px;font-size:.62rem}.chat-input-row-submit .btn{min-height:28px;padding:5px 10px}.chat-input-row-submit .icon-btn{width:30px;height:30px}.chat-input-row-models{border-top:1px solid var(--border-subtle);flex-wrap:nowrap;order:2;min-width:0;padding-top:6px}.chat-model-select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);max-width:142px;padding:5px 8px;font-size:.64rem}.chat-model-picker{flex:0 auto;width:clamp(220px,42vw,340px);min-width:0;max-width:100%;margin-left:auto;position:relative}.chat-model-picker-trigger{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text);cursor:pointer;justify-content:space-between;align-items:center;gap:8px;min-height:28px;padding:5px 8px;font-size:.64rem;transition:border-color .14s,background .14s;display:inline-flex}.chat-model-picker-trigger span{text-overflow:ellipsis;white-space:nowrap;min-width:0;display:block;overflow:hidden}.chat-model-picker-trigger:hover,.chat-model-picker-trigger.active{border-color:var(--link);background:var(--surface-hover)}.chat-model-picker-menu{border:1px solid var(--border-strong);background:var(--surface);z-index:25;opacity:0;pointer-events:none;visibility:hidden;border-radius:10px;grid-template-rows:minmax(0,1fr) minmax(0,1fr);gap:6px;width:min(340px,100vw - 28px);max-width:100%;height:min(56vh,360px);padding:6px;transition:opacity .14s,transform .17s,visibility 0s linear .17s;display:grid;position:absolute;bottom:calc(100% + 6px);left:auto;right:0;overflow:hidden;transform:translateY(6px)scale(.99);box-shadow:0 12px 34px #00000059}.chat-model-picker-menu.open{opacity:1;pointer-events:auto;visibility:visible;transition:opacity .14s,transform .17s,visibility linear;transform:translateY(0)scale(1)}.chat-model-picker-section{grid-template-rows:auto minmax(0,1fr);gap:4px;min-height:0;display:grid}.chat-model-picker-section+.chat-model-picker-section{border-top:1px solid var(--border-subtle);padding-top:6px}.chat-model-picker-section-title{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);padding:0 4px;font-size:.58rem}.chat-model-picker-group{overscroll-behavior:contain;gap:4px;min-height:0;padding:4px;display:grid;overflow:auto}.chat-model-picker-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.chat-model-picker-row.active .chat-model-picker-item{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--text)}.chat-model-picker-row.text .chat-model-picker-item:hover{background:#5ea3ff24;border-color:#5ea3ff}.chat-model-picker-row.image .chat-model-picker-item:hover{background:#8be28d24;border-color:#8be28d}.chat-model-picker-row.text.active .chat-model-picker-item{background:#5ea3ff2e;border-color:#5ea3ff}.chat-model-picker-row.image.active .chat-model-picker-item{background:#8be28d2e;border-color:#8be28d}.chat-model-picker-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;gap:2px;min-width:0;padding:6px 8px;font-size:.62rem;transition:background .13s,border-color .13s,color .13s;display:grid}.chat-model-picker-item span,.chat-model-picker-item small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.chat-model-picker-item small{color:var(--muted);font-size:.54rem}.chat-model-picker-item:hover{background:var(--surface-hover);border-color:var(--border);color:var(--text)}.chat-model-picker-item.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--text)}.chat-key-state{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;padding:4px 8px;font-size:.54rem}@media (width<=860px){.chat-input-row-model-inline{grid-template-columns:1fr}.chat-input-row-models{flex-wrap:wrap}.chat-model-picker{flex:100%;width:100%;min-width:0;max-width:100%}.chat-model-picker-menu{height:min(52vh,320px)}}.chat-key-state.ok{color:#7ee0a1;border-color:#7ee0a159}.chat-key-state.missing{color:#f6c26b;border-color:#f6c26b59}.chat-input-row .icon-btn{width:28px;height:28px}.chat-input-row .icon-btn.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 12%, transparent)}.chat-input-row .chat-generate-switch .switch-btn{padding:5px 8px;font-size:.62rem}.bubble-text{white-space:pre-wrap;word-break:break-word;color:var(--text);line-height:1.55}.bubble-formatted{color:var(--text);flex-direction:column;gap:8px;display:flex}.bubble-paragraph{white-space:pre-wrap;word-break:break-word;margin:0}.bubble-list{flex-direction:column;gap:4px;margin:0;padding-left:1.15rem;display:flex}.bubble-list li{color:var(--text-secondary)}.bubble-list li::marker{color:var(--muted)}.bubble-inline-tag{background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);color:var(--text);border-radius:5px;padding:0 5px;font-size:.92em;display:inline}.bubble-flow{border:1px dashed var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-radius:10px;flex-direction:column;gap:4px;padding:8px 10px;display:flex}.bubble-flow-step{color:var(--text-secondary);font-size:.92em}.bubble-flow-arrow{color:var(--muted);align-self:center;font-size:.78rem;line-height:1}.chat-gen-card.is-pending{border-color:color-mix(in srgb, var(--link) 28%, var(--border-subtle));background:color-mix(in srgb, var(--link) 5%, var(--surface))}.chat-gen-card.is-pending.is-active{border-color:color-mix(in srgb, var(--link) 45%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 18%, transparent)}.chat-gen-head-bar.is-pending .chat-bubble-head-title{color:color-mix(in srgb, var(--link) 85%, var(--text))}.chat-gen-queue-pill{border:1px solid color-mix(in srgb, var(--link) 30%, var(--border-subtle));color:var(--text-secondary);background:color-mix(in srgb, var(--link) 8%, transparent);border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:600}.chat-gen-pending-slot{cursor:default;pointer-events:none;background:0 0;border:none;flex-direction:column;gap:8px;width:100%;padding:0;display:flex}.chat-gen-pending-frame{aspect-ratio:220/98;background:color-mix(in srgb, var(--surface-2) 94%, transparent);border-radius:8px;width:100%;position:relative;overflow:hidden}.chat-gen-pending-frame .chat-result-placeholder-frame{border-radius:8px;position:absolute;inset:0}.chat-gen-pending-frame .chat-result-placeholder-scan{position:absolute;left:8px;right:8px}.chat-gen-pending-caption{color:var(--muted);text-align:center;margin:0;font-size:.68rem}.chat-gen-spin{animation:.9s linear infinite chat-gen-spin}@keyframes chat-gen-spin{to{transform:rotate(360deg)}}.chat-gen-card.is-success{border-color:color-mix(in srgb, #7ee0a1 28%, var(--border-subtle));background:color-mix(in srgb, #7ee0a1 6%, var(--surface))}.chat-gen-card.is-error{border-color:color-mix(in srgb, #f87171 32%, var(--border-subtle));background:color-mix(in srgb, #f87171 8%, var(--surface))}.chat-gen-avatar{border-color:#0000}.chat-gen-card.is-success .chat-gen-avatar{color:#7ee0a1;background:#7ee0a11f}.chat-gen-card.is-error .chat-gen-avatar{color:#fca5a5;background:#f871711f}.chat-gen-head{flex-wrap:wrap;align-items:baseline;gap:6px 10px;margin-bottom:8px;display:flex}.chat-gen-head strong{color:var(--text);font-size:.86rem;font-weight:650}.chat-gen-model{border:1px solid color-mix(in srgb, #7ee0a1 30%, var(--border-subtle));color:#9ae6b4;background:#7ee0a11a;border-radius:999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.68rem;font-weight:500}.chat-gen-model.is-error{border-color:color-mix(in srgb, #f87171 35%, var(--border-subtle));color:#fecaca;background:#f871711a}.chat-gen-error-body{flex-direction:column;gap:6px;display:flex}.chat-gen-error-body p{margin:0}.chat-gen-label{text-transform:uppercase;letter-spacing:.04em;min-width:2.4rem;color:var(--muted);margin-right:6px;font-size:.68rem;display:inline-block}.chat-gen-code{color:#fecaca;background:#f871711f;border:1px solid #f871713d;border-radius:6px;padding:2px 7px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.76rem}.chat-gen-reason{color:var(--text-secondary);font-size:.82rem;line-height:1.45}.chat-gen-meta{flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;display:flex}.chat-gen-task-btn{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);color:var(--muted);cursor:pointer;border-radius:999px;padding:2px 8px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem}.chat-gen-task-btn:hover{color:var(--text-secondary);border-color:color-mix(in srgb, var(--link) 35%, var(--border-subtle))}.chat-gen-retries{color:var(--muted);font-size:.64rem}.chat-bubble-generated{align-items:stretch}.chat-generated-image{object-fit:contain;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 90%, black);border-radius:12px;width:100%;max-height:220px;margin-top:0}.chat-generated-image-btn{cursor:pointer;background:0 0;border:0;border-radius:12px;width:100%;margin-top:0;padding:0;display:block}.chat-generated-image-btn.active .chat-generated-image{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in oklab, var(--accent) 70%, transparent)}.chat-generated-task{color:var(--muted);margin-top:6px;font-size:.68rem;display:block}.chat-input input{flex:1}.error-banner{border-radius:var(--radius-sm);color:#fca5a5;background:#f871711a;border:1px solid #f8717140;margin:8px 12px;padding:8px 10px;font-size:.78rem}@media (width<=860px){:root{--panel-preview-height:auto}.chat-result-preview{flex-shrink:0;min-height:0;padding:4px 8px 6px}.chat-result-preview img,.chat-result-placeholder,.chat-result-media .muted,.projects-mode-selector .chrome-mode-preview-media,.projects-mode-selector .chrome-mode-preview-empty{height:auto;min-height:64px;max-height:108px}.chat-panel.embedded .chat-messages{min-height:56px}.chat-result-3d-slot.is-open .chat-result-3d,.chat-result-3d{min-height:0;height:min(var(--result-3d-height), calc(100cqw / var(--result-3d-aspect)))}.chat-result-3d{--result-3d-height:112px}.chat-live-footer-zone{flex-shrink:0}}@media (height<=760px){:root{--panel-preview-height:auto}.chat-result-preview{min-height:0}.chat-result-preview img,.chat-result-placeholder,.chat-result-media .muted,.projects-mode-selector .chrome-mode-preview-media,.projects-mode-selector .chrome-mode-preview-empty{max-height:88px}.chat-result-3d-slot.is-open .chat-result-3d,.chat-result-3d{min-height:0;height:min(var(--result-3d-height), calc(100cqw / var(--result-3d-aspect)))}.chat-result-3d{--result-3d-height:96px}}.chat-input textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius);resize:vertical;flex:1;width:100%;min-height:56px;padding:10px 12px;line-height:1.45}.btn kbd{opacity:.65;border:1px solid var(--border-subtle);font-size:.62rem;font-family:var(--font-mono);background:#00000059;border-radius:4px;margin-left:4px;padding:1px 5px;font-weight:500}.input-with-btn{align-items:center;gap:6px;display:flex}.input-with-btn input,.input-with-btn select{flex:1}.btn-row{flex-wrap:wrap;gap:6px;display:flex}.btn.sm{padding:5px 8px;font-size:.75rem}.mini-thumb{object-fit:cover;border:1px solid var(--border);border-radius:6px;width:40px;height:40px}.file-pick-row{align-items:center;gap:8px;display:flex}.prompt-hint{color:var(--muted);margin:0;font-size:.72rem}.prompt-hint em{color:var(--muted);font-style:normal}.style-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.style-grid label{color:var(--muted);flex-direction:column;gap:4px;font-size:.72rem;display:flex}.style-grid input[type=color]{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);cursor:pointer;height:32px;padding:2px}.style-toggles,.settings-inline{flex-direction:column;gap:6px;padding:8px 16px 0;display:flex}.status-footer{right:8px;bottom:calc(var(--workspace-bottom-reserve,260px) + 6px);z-index:9;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 94%, transparent);min-height:24px;color:var(--muted);font-size:.65rem;font-family:var(--font-mono);transform-origin:100% 100%;border-radius:999px;align-items:center;gap:8px;width:max-content;max-width:min(96vw,680px);padding:4px 8px;transition:box-shadow .22s,border-color .22s,background .22s,transform .22s;animation:.22s status-footer-appear;display:inline-flex;position:fixed;box-shadow:0 6px 16px #00000038}.status-group{white-space:nowrap;flex-wrap:nowrap;align-items:center;gap:6px;transition:filter .22s;display:flex;overflow:hidden}.dot{background:var(--muted-dim);border-radius:50%;width:7px;height:7px}.dot.ok{background:var(--success);animation:2.2s ease-in-out infinite status-dot-ok-breathe;box-shadow:0 0 6px #4ade8066}.dot.bad{background:var(--danger);animation:1.4s ease-in-out infinite status-dot-bad-alert;box-shadow:0 0 8px #f871716b}.sep{opacity:.5}.status-mode-chip{max-width:min(280px,42vw);height:20px;font:inherit;border:1px solid color-mix(in srgb, var(--link) 28%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, var(--surface-2));color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:5px;margin:0;padding:0 8px;line-height:1;transition:border-color .16s,transform .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.status-mode-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.status-mode-chip.is-ready{border-color:color-mix(in srgb, var(--success) 35%, var(--border-subtle));background:color-mix(in srgb, var(--success) 10%, var(--surface-2))}.status-mode-dot{background:var(--link);border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-mode-chip.is-ready .status-mode-dot{background:var(--success)}.status-mode-progress{opacity:.72;font-variant-numeric:tabular-nums}.status-mode-step{opacity:.85;text-overflow:ellipsis;max-width:110px;overflow:hidden}.status-vision-chip{height:20px;font:inherit;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 90%, transparent);color:var(--text-secondary);text-overflow:ellipsis;cursor:pointer;border-radius:999px;align-items:center;gap:5px;max-width:min(360px,46vw);margin:0;padding:0 8px;line-height:1;transition:border-color .16s,color .16s,transform .16s,box-shadow .16s;display:inline-flex;overflow:hidden}.status-vision-chip:hover{transform:translateY(-1px);box-shadow:0 4px 10px #0003}.status-vision-chip:focus-visible{outline:2px solid var(--link);outline-offset:1px}.status-vision-chip.ok{border-color:color-mix(in srgb, var(--success) 42%, var(--border-subtle))}.status-vision-chip.bad{border-color:color-mix(in srgb, var(--danger) 42%, var(--border-subtle))}.status-vision-dot{opacity:.9;background:currentColor;border-radius:999px;flex:0 0 6px;width:6px;height:6px}.status-vision-hint{opacity:.62;letter-spacing:.01em;font-size:.54rem}.status-storage-chip{border:1px solid color-mix(in srgb, var(--warning) 46%, var(--border-subtle));background:color-mix(in srgb, var(--warning) 10%, transparent);letter-spacing:.01em;border-radius:999px;align-items:center;height:20px;padding:0 8px;font-size:.56rem;display:inline-flex}.status-export-btn{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);height:20px;color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;padding:0 8px;font-size:.58rem;transition:color .16s,border-color .16s,transform .16s,box-shadow .16s,background .16s;display:inline-flex}.status-export-btn:hover{color:var(--text);border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 10px #0000003d}.status-export-btn:active{transform:translateY(0)}.status-export-btn.is-open{color:var(--text);border-color:var(--border-strong);background:color-mix(in srgb, var(--surface-hover) 92%, transparent)}.status-export-wrap{position:relative}.status-export-menu{border:1px solid var(--border-subtle);background:var(--surface);z-index:25;transform-origin:100% 100%;border-radius:8px;min-width:88px;padding:4px;animation:.16s status-menu-pop;display:grid;position:absolute;bottom:calc(100% + 6px);right:0;box-shadow:0 8px 18px #00000047}.status-export-menu-item{height:24px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:flex-start;align-items:center;padding:0 8px;font-size:.62rem;display:inline-flex}.status-export-menu-item:hover{background:var(--surface-hover);color:var(--text)}.status-export-indicator{color:var(--text);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:999px;align-items:center;gap:5px;padding:1px 7px 1px 5px;animation:.22s status-export-indicator-enter;display:inline-flex;position:relative;overflow:hidden}.status-export-indicator-wrap{display:inline-flex;position:relative}.status-export-indicator{cursor:pointer;transition:transform .16s,border-color .16s,box-shadow .16s}.status-export-indicator:hover{border-color:var(--border-strong);transform:translateY(-1px);box-shadow:0 4px 10px #0003}.status-export-indicator.is-open{border-color:var(--border-strong);transform:translateY(0)}.status-export-indicator-progress{background:color-mix(in srgb, var(--surface) 82%, transparent);opacity:.9;border-radius:999px;height:2px;position:absolute;bottom:1px;left:8px;right:8px;overflow:hidden}.status-export-indicator-progress-line{border-radius:inherit;background:linear-gradient(90deg, transparent, var(--link), transparent);width:38%;height:100%;animation:1.05s linear infinite status-export-glb-run;display:block}.status-export-indicator.is-glb-single .status-export-indicator-progress-line{opacity:.95;animation-duration:.82s}.status-export-indicator.is-glb-triptych .status-export-indicator-progress-line{opacity:.78;filter:saturate(.82);width:46%;animation-duration:1.42s}.status-export-popover{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 95%, transparent);min-width:190px;color:var(--text-secondary);z-index:28;border-radius:8px;gap:4px;padding:7px 9px;animation:.16s status-menu-pop;display:grid;position:absolute;bottom:calc(100% + 8px);right:0;box-shadow:0 10px 22px #0000004d}.status-export-popover strong{color:var(--text);font-size:.63rem}.status-export-popover span{font-size:.6rem}.status-export-popover-cancel{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);height:22px;color:var(--text-secondary);cursor:pointer;border-radius:6px;margin-top:2px;padding:0 8px;font-size:.6rem}.status-export-popover-cancel:hover{color:var(--text);border-color:var(--border-strong)}.status-export-indicator-dot{background:var(--link);width:6px;height:6px;box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 45%, transparent);border-radius:50%;animation:1s ease-in-out infinite status-export-pulse}@keyframes status-export-pulse{0%{box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 42%, transparent);transform:scale(.9)}70%{box-shadow:0 0 0 6px color-mix(in srgb, var(--link) 0%, transparent);transform:scale(1)}to{box-shadow:0 0 0 0 color-mix(in srgb, var(--link) 0%, transparent);transform:scale(.9)}}.status-footer.is-exporting{border-color:color-mix(in srgb, var(--link) 40%, var(--border-subtle));box-shadow:0 10px 24px #00000047, 0 0 0 1px color-mix(in srgb, var(--link) 18%, transparent);background:radial-gradient(130% 170% at 50% -30%, color-mix(in srgb, var(--link) 10%, transparent), transparent 64%), color-mix(in srgb, var(--surface) 94%, transparent)}.status-footer.is-exporting .status-group{filter:saturate(1.06)}@keyframes status-footer-appear{0%{opacity:0;transform:translateY(3px)scale(.992)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes status-menu-pop{0%{opacity:0;transform:translateY(4px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes status-export-indicator-enter{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:translate(0)}}@keyframes status-export-glb-run{0%{transform:translate(-140%)}to{transform:translate(290%)}}@keyframes status-dot-ok-breathe{0%,to{transform:scale(.9);box-shadow:0 0 4px #4ade8052}50%{transform:scale(1);box-shadow:0 0 8px #4ade8075}}@keyframes status-dot-bad-alert{0%,to{transform:scale(.9);box-shadow:0 0 6px #f8717142}50%{transform:scale(1.04);box-shadow:0 0 10px #f8717180}}@media (prefers-reduced-motion:reduce){.status-footer,.status-export-menu,.status-export-indicator,.status-export-indicator-dot,.status-export-indicator-progress-line,.dot.ok,.dot.bad,.status-export-btn{transition:none!important;animation:none!important;transform:none!important}}.pill{background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:999px;padding:2px 8px}.muted-inline{opacity:.85}.toast-host{z-index:100;flex-direction:column;gap:8px;max-width:360px;display:flex;position:fixed;bottom:52px;right:16px}.toast{border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);box-shadow:var(--shadow);color:var(--text);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.8rem;display:flex}.toast-success{border-color:color-mix(in srgb, var(--notice-premium) 42%, var(--border));box-shadow:var(--shadow), inset 0 0 0 1px color-mix(in srgb, var(--notice-premium) 12%, transparent)}.toast-error{border-color:#f8717159}.progress-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:8px;height:28px;margin:0 16px 8px;position:relative;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--surface-hover), var(--highlight));opacity:.25;height:100%;transition:width .3s}.progress-bar span{justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex;position:absolute;inset:0}.quick-prompts{flex-wrap:wrap;gap:6px;padding:0 12px 8px;display:flex}.chip{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);cursor:pointer;text-align:left;border-radius:999px;align-items:center;gap:6px;padding:5px 10px;font-size:.68rem;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.chip:hover:not(:disabled){border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.chip-icon{border-radius:4px;flex-shrink:0;width:18px;height:18px}.chip-icon-lg{vertical-align:middle;width:22px;height:22px;margin-right:4px}.bubble-body{flex:1;min-width:0}.bubble-actions{flex-direction:column;gap:8px;margin-top:10px;display:flex}.bubble-action-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bubble-copy-btn{margin-left:auto}.bubble-prompt-chip{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--text-secondary);border-radius:999px;align-self:flex-start;align-items:center;padding:3px 9px;font-size:.68rem;line-height:1.2;display:inline-flex}.bubble-prompt-preview{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 78%, transparent);border-radius:12px;margin-top:4px;overflow:visible;box-shadow:inset 0 1px #ffffff0a}.bubble-prompt-preview[open]{border-color:color-mix(in srgb, var(--link) 28%, var(--border-subtle));box-shadow:inset 0 1px #ffffff0a,0 8px 24px #0000002e}.bubble-prompt-preview[open] .bubble-prompt-chevron{transform:rotate(90deg)}.bubble-prompt-preview-summary{color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;font-size:.72rem;font-weight:650;list-style:none;transition:background .12s,color .12s;display:flex}.bubble-prompt-preview-summary:hover{background:color-mix(in srgb, var(--link) 6%, transparent);color:var(--text)}.bubble-prompt-preview-title{align-items:center;gap:6px;min-width:0;display:inline-flex}.bubble-prompt-preview-meta{color:var(--muted);letter-spacing:.02em;font-size:.58rem;font-weight:600}.bubble-prompt-preview-panel{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);flex-direction:column;gap:0;display:flex}.bubble-prompt-preview-toolbar{justify-content:space-between;align-items:center;gap:8px;padding:8px 12px 6px;display:flex}.bubble-prompt-preview-toolbar.is-negative{border-top:1px dashed color-mix(in srgb, var(--border-subtle) 80%, transparent);padding-top:10px}.bubble-prompt-preview-toolbar-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-weight:700}.bubble-prompt-copy-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface-1) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:.62rem;font-weight:650;display:inline-flex}.bubble-prompt-copy-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--link) 30%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-1))}.bubble-prompt-chevron{color:var(--muted);transition:transform .14s}.bubble-prompt-preview-summary::-webkit-details-marker{display:none}.bubble-prompt-format{border:1px solid var(--border-subtle);letter-spacing:.02em;border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:600}.bubble-prompt-format.is-text{color:#93c5fd;border-color:color-mix(in srgb, #93c5fd 35%, var(--border-subtle));background:#93c5fd1a}.bubble-prompt-format.is-json{color:#c4b5fd;border-color:color-mix(in srgb, #c4b5fd 35%, var(--border-subtle));background:#c4b5fd1a}.bubble-prompt-preview-body{white-space:pre-wrap;word-break:break-word;overflow-wrap:anywhere;color:var(--text);overscroll-behavior:contain;background:color-mix(in srgb, var(--bg-deep) 40%, transparent);scrollbar-gutter:stable;max-height:min(46vh,440px);margin:0;padding:8px 12px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.72rem;line-height:1.55;overflow:auto}.bubble-prompt-preview-body.is-negative{color:var(--muted);max-height:min(28vh,220px);font-size:.68rem}.file-thumb{object-fit:cover;border-radius:4px;width:28px;height:28px}.drop-hint{color:var(--muted);margin:0 12px 6px;font-size:.68rem}.file-explorer.drag-over{outline:1px dashed var(--border-strong);outline-offset:-4px;background:var(--surface-2)}.session-list{flex:1;margin:0;padding:0 8px 12px;list-style:none;overflow:auto}.session-item{border-radius:8px;align-items:center;gap:8px;padding:6px;display:flex}.session-item:hover{background:var(--surface-hover)}.session-thumb{object-fit:cover;border:1px solid var(--border);border-radius:4px;width:48px;height:22px}.empty-thumb{background:var(--surface-2)}.session-meta{flex-direction:column;flex:1;gap:2px;min-width:0;font-size:.72rem;display:flex}.session-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.8rem;overflow:hidden}.session-meta span{color:var(--muted)}.empty{align-items:center;gap:8px;display:flex}@media (width<=900px){.chrome-mode-select{max-width:42vw}.dock-rail-btn,.toolbar-btn.icon-only{min-width:40px;min-height:40px}}.section-head{justify-content:space-between;align-items:center;gap:8px;padding:12px 16px 8px;display:flex}.section-head h3{letter-spacing:.01em;color:var(--text-secondary);text-transform:uppercase;margin:0;font-size:.78rem;font-weight:600}.collapse-section{border-top:1px solid var(--border-subtle)}.collapse-trigger:hover{background:var(--surface-2)}.collapse-trigger{width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:8px;padding:12px 16px;display:flex}.collapse-trigger strong{font-size:.82rem;display:block}.collapse-sub{color:var(--muted);margin-top:2px;font-size:.68rem;display:block}.collapse-chevron{color:var(--muted);transition:transform .2s}.collapse-section.open .collapse-chevron{transform:rotate(180deg)}.collapse-body{padding:0 16px 12px}.category-chips{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.template-gallery{border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-height:220px;padding:0 16px 12px;display:grid;overflow:auto}.gallery-card{cursor:pointer;background:var(--surface-2);text-align:left;color:var(--text);border:2px solid #0000;border-radius:12px;padding:0;transition:border-color .15s,box-shadow .15s;overflow:hidden}.gallery-card img{aspect-ratio:220/98;object-fit:cover;width:100%;display:block}.gallery-card span{padding:6px 8px;font-size:.68rem;font-weight:600;display:block}.gallery-card.active{border-color:var(--highlight);box-shadow:var(--glow-active)}.gallery-card:hover{border-color:var(--border-strong)}.composition-presets{border-bottom:1px solid var(--border-subtle)}.preset-grid{grid-template-columns:1fr 1fr;gap:8px;padding:0 16px 12px;display:grid}.preset-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:2px;padding:8px;display:flex}.preset-icon{font-size:1.1rem}.preset-card strong{font-size:.72rem}.preset-card small{color:var(--muted);font-size:.62rem;line-height:1.25}.preset-card.active{border-color:var(--border-strong);background:var(--surface-active);box-shadow:var(--glow-active)}.mode-details{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;padding:12px 16px;display:flex}.chip-picker{flex-direction:column;gap:6px;display:flex}.chip-search{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);align-items:center;gap:8px;padding:6px 10px;display:flex}.chip-search svg{color:var(--muted);flex-shrink:0}.chip-search input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.78rem}.chip-grid{gap:6px;display:grid}.chip-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.chip-grid.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.chip.active{border-color:var(--border-strong);background:var(--surface-active);color:var(--highlight);box-shadow:var(--glow-active)}.chip.accent{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.pet-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.pet-card{cursor:pointer;background:var(--surface-2);color:var(--text);text-align:left;border:2px solid #0000;border-radius:12px;padding:0;overflow:hidden}.pet-card img{aspect-ratio:220/98;object-fit:cover;width:100%;display:block}.pet-gradient{aspect-ratio:220/98;justify-content:center;align-items:center;font-size:2rem;display:flex}.pet-card span:last-child{padding:6px 8px;font-size:.68rem;font-weight:600;display:block}.pet-card.active{border-color:var(--highlight);box-shadow:var(--glow-active)}.char-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.char-card{border:1px solid var(--border);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;display:flex}.char-card span{font-size:1.4rem}.char-card small{text-align:center;color:var(--muted);font-size:.58rem;line-height:1.2}.char-card.active{border-color:var(--border-strong);background:var(--surface-active)}.toggle-row{gap:6px;display:flex}.toggle-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);cursor:pointer;border-radius:10px;flex:1;padding:8px;font-size:.75rem;font-weight:600}.toggle-btn.active{border-color:var(--border-strong);color:var(--text);background:var(--surface-active);box-shadow:var(--glow-active)}.toggle-card{border:1px solid var(--border);background:var(--surface-2);cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;font-size:.75rem;display:flex}.color-presets{border-bottom:1px solid var(--border-subtle);padding-bottom:8px}.color-chip{border-radius:var(--radius-sm);color:#fff;cursor:pointer;text-shadow:0 1px 3px #0009;border:1px solid #ffffff1f;padding:10px 6px;font-size:.65rem;font-weight:600;transition:transform .12s,border-color .12s}.color-chip:hover{border-color:#ffffff59;transform:translateY(-1px)}.upload-tile{border:2px dashed var(--border);background:var(--surface-2);width:100%;color:var(--muted);cursor:pointer;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:16px;font-size:.75rem;display:flex}.upload-tile:hover{border-color:var(--border-strong);color:var(--text);background:var(--surface-hover)}.upload-preview{object-fit:cover;border-radius:8px;width:100%;max-height:80px}.prompt-area{border:1px solid var(--border);background:var(--surface-2);width:100%;color:var(--text);border-radius:var(--radius-sm);resize:vertical;padding:8px 10px;font-size:.78rem}.style-panel{border:none;gap:10px;margin:0;padding:0;display:grid}.font-manager{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:10px;gap:8px;padding:8px;display:grid}.font-manager-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.font-manager-head strong{font-size:.72rem}.font-manager-actions{align-items:center;gap:6px;display:inline-flex}.font-manager-search{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--text);border-radius:8px;padding:6px 8px;font-size:.7rem}.font-manager-list{gap:5px;max-height:min(34vh,260px);padding-right:2px;display:grid;overflow:auto}.font-manager-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:4px;display:grid}.font-manager-item{border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);text-align:left;border-radius:8px;gap:2px;min-width:0;padding:5px 7px;display:grid}.font-manager-item-head{justify-content:space-between;align-items:center;gap:6px;min-width:0;display:flex}.font-manager-item:hover{border-color:var(--border-strong);background:var(--surface-hover);color:var(--text)}.font-manager-row.active .font-manager-item{border-color:var(--link);background:color-mix(in srgb, var(--link) 11%, transparent);color:var(--text)}.font-manager-item-name{white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;line-height:1.2;overflow:hidden}.font-source-badge{border:1px solid var(--border-subtle);color:var(--muted);background:color-mix(in srgb, var(--surface-2) 86%, transparent);white-space:nowrap;border-radius:999px;padding:1px 6px;font-size:.56rem}.font-manager-item small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;display:block;overflow:hidden}.font-compare-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:6px;display:grid}.font-compare-card{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;gap:3px;padding:6px;display:grid}.font-compare-card strong{white-space:nowrap;text-overflow:ellipsis;font-size:.62rem;overflow:hidden}.font-compare-card p{margin:0;font-size:.68rem;line-height:1.2}.collapse-body>.inspector-section{border-bottom:none;padding:0}.settings-inline.compact{gap:8px;padding:8px 16px}.settings-note{margin:0;padding:0 4px;font-size:.72rem;line-height:1.35}.mode-checklist-section{flex-direction:column;gap:8px;display:flex}.mode-checklist-list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mode-checklist-list li{align-items:center;gap:8px;font-size:.74rem;display:flex}.mode-checklist-label{flex:1;min-width:0}.logo-merge-upload-inline{opacity:.88;flex-shrink:0;margin-left:auto;padding:2px 8px;font-size:.62rem}.logo-merge-upload-inline:hover{opacity:1}.mode-checklist-list li.todo{color:var(--text-secondary)}.mode-checklist-list li.ok{color:var(--text)}.mode-check-icon{justify-content:center;width:14px;display:inline-flex}.mode-checklist-actions{flex-wrap:wrap;gap:8px;display:flex}.style-workflow-strip{flex-wrap:wrap;align-items:center;gap:6px;padding-top:4px;display:flex}.style-workflow-chip{border:1px solid var(--border-subtle);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:999px;padding:4px 8px;font-size:.6rem;line-height:1}.style-workflow-chip.clickable{cursor:pointer;font:inherit;transition:background .12s,border-color .12s,color .12s}.style-workflow-chip.clickable:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text)}.style-subtab-seg.seg-control{flex-wrap:nowrap}.style-subtab-seg.three-up .seg-item{flex:1 1 0;min-width:0}.style-subtab-seg .seg-item-label{font-size:.72rem;font-weight:600}.style-subtab-seg .seg-item{min-height:30px;padding:5px 10px}.style-panel-compact{flex-direction:column;gap:0;display:flex}.style-panel-top{z-index:2;background:var(--surface);border-bottom:1px solid var(--border-subtle);margin-bottom:6px;padding-bottom:10px;position:sticky;top:0}.style-panel-top-row{align-items:stretch;gap:10px;display:flex}.style-panel-top-row .style-subtab-seg{flex:1 1 0;min-width:0}.style-status-meta{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:999px;flex-shrink:0;align-self:center;align-items:center;gap:8px;padding:4px 9px;font-size:.68rem;font-weight:600;display:flex}.style-panel-inline-warn{color:color-mix(in srgb, #f59e0b 80%, var(--text-secondary));margin:6px 0 0;font-size:.62rem;line-height:1.35}.style-status-bar{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:.62rem;display:flex}.style-step-link{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);font-size:inherit;cursor:pointer;border-radius:999px;padding:2px 8px}.style-step-link:hover{color:var(--text);border-color:var(--border-strong)}.style-status-divider{background:var(--border-subtle);width:1px;height:12px}.style-status-checklist{color:var(--muted)}.style-status-quality.good{color:color-mix(in srgb, #34d399 85%, var(--text))}.style-status-quality.mid{color:color-mix(in srgb, #f59e0b 85%, var(--text))}.style-status-quality.warn{color:color-mix(in srgb, #ef4444 85%, var(--text))}.style-panel-block{border-bottom:1px solid var(--border-subtle);padding:14px 2px}.style-panel-block:last-child{border-bottom:none}.style-panel-footnote{color:var(--muted);margin:6px 0 0;font-size:.64rem;line-height:1.35}.style-panel-footnote.warn{color:color-mix(in srgb, #f59e0b 80%, var(--text-secondary))}.mode-checklist-list.compact{gap:6px;margin:0 0 10px;padding:0}.mode-checklist-list.compact li{color:var(--text-secondary);font-size:.7rem;line-height:1.35}.mode-checklist-list.compact li.ok{color:color-mix(in srgb, #34d399 80%, var(--text-secondary))}.style-generate-btn{width:100%;margin-top:4px}.style-generate-btn.is-configure-keys{background:color-mix(in srgb, #f59e0b 16%, var(--surface-2));color:#92400e;border-color:#f59e0b73}.style-panel-top-card{border:1px solid var(--border-subtle);background:var(--surface-2);box-shadow:none;border-bottom:none;border-radius:10px;margin-bottom:8px;padding:6px}.style-panel-top-card .style-panel-top-row{gap:8px}.style-panel-top-card .style-panel-top-status-row{justify-content:space-between;align-items:flex-start;gap:6px;margin-top:4px;display:flex}.style-panel-tab-hint{min-width:0;color:var(--muted);text-align:right;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:.62rem;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.style-panel-mode-chip-meta{color:var(--muted);font-weight:550}.style-panel-progress-track{background:color-mix(in srgb, var(--border-subtle) 70%, transparent);border-radius:999px;height:3px;margin-top:5px;overflow:hidden}.style-panel-progress-fill{border-radius:inherit;background:linear-gradient(90deg, color-mix(in srgb, var(--link) 85%, #38bdf8), color-mix(in srgb, #f59e0b 75%, var(--link)));height:100%;transition:width .2s;display:block}.style-panel-top-card .style-panel-top-status-row:has(.style-panel-mode-chip){justify-content:space-between}.style-panel-mode-chip.is-flow,.style-panel-mode-chip.is-zodiac-flow{color:color-mix(in srgb, var(--text) 88%, var(--muted));font-size:.7rem;font-weight:650}.style-panel-mode-chip{color:var(--text-secondary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:.72rem;font-weight:650;overflow:hidden}.style-panel-top-card .style-subtab-seg.seg-control{grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;width:100%;padding:2px;display:grid}.style-panel-top-card .style-subtab-seg.seg-with-preview.seg-control.four-up{grid-template-columns:repeat(2,minmax(0,1fr))}.style-panel-top-card .style-subtab-seg.seg-with-preview.seg-control.four-up .seg-item:nth-child(3),.style-panel-top-card .style-subtab-seg.seg-with-preview.seg-control.four-up .seg-item:nth-child(4){grid-column:auto}.style-panel-top-card .style-subtab-seg.seg-with-preview.seg-control .seg-item:nth-child(3){grid-column:1/-1}.style-panel-top-card .style-subtab-seg.seg-with-preview.seg-control.four-up .seg-item:nth-child(3){grid-column:auto}.prompt-composition-panel{gap:12px;display:grid}.prompt-composition-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.prompt-composition-total{color:var(--text-secondary);border:1px solid var(--border-subtle);white-space:nowrap;border-radius:999px;padding:2px 8px;font-size:.62rem;font-weight:650}.prompt-composition-pills{flex-wrap:wrap;gap:6px;display:flex}.prompt-composition-blocks{gap:8px;display:grid}.prompt-composition-block{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:10px;padding:8px 10px}.prompt-composition-block header{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;font-size:.64rem;display:flex}.prompt-composition-block header strong{color:var(--text-secondary);font-weight:650}.prompt-composition-block p{color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;max-height:6.5rem;margin:0;font-size:.68rem;line-height:1.45;overflow:auto}.prompt-composition-final{gap:8px;display:grid}.prompt-composition-final-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.prompt-composition-final-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompt-composition-final-text{resize:vertical;border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 92%, transparent);width:100%;min-height:8rem;color:var(--text-secondary);border-radius:10px;padding:10px 12px;font-family:inherit;font-size:.68rem;line-height:1.45}.prompt-payload-view-panel{flex-direction:column;gap:8px;display:flex}.prompt-payload-view-panel.is-compact{gap:6px}.prompt-payload-view-toolbar{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.prompt-payload-format-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:999px;align-items:center;padding:2px 8px;font-size:.58rem;font-weight:700;display:inline-flex}.prompt-payload-format-badge.is-json{border-color:color-mix(in srgb, #6366f1 45%, var(--border-subtle));color:color-mix(in srgb, #6366f1 82%, var(--text))}.prompt-payload-format-badge.is-text{border-color:color-mix(in srgb, #22c55e 40%, var(--border-subtle));color:color-mix(in srgb, #16a34a 78%, var(--text))}.prompt-payload-format-badge.is-compact{padding:1px 6px;font-size:.52rem}.prompt-payload-view-tabs{border:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);background:color-mix(in srgb, var(--surface-2) 90%, transparent);border-radius:999px;align-items:center;gap:2px;padding:2px;display:inline-flex}.prompt-payload-view-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;padding:3px 8px;font-size:.58rem;font-weight:700}.prompt-payload-view-tab.active{color:var(--text);background:color-mix(in srgb, var(--surface) 92%, #fff 8%);box-shadow:0 1px 4px #0f172a14}.prompt-payload-copy-btn{margin-left:auto}.prompt-payload-view-note,.prompt-payload-view-footnote{color:var(--muted);margin:0;font-size:.62rem;line-height:1.35}.prompt-payload-plain-text{border:1px solid color-mix(in srgb, var(--border-subtle) 78%, transparent);background:color-mix(in srgb, var(--surface-1) 92%, transparent);max-height:220px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.66rem;line-height:1.45;overflow:auto}.prompt-payload-plain-text.is-compact{max-height:140px;font-size:.62rem}.prompt-payload-plain-text.is-resolved{border-color:color-mix(in srgb, #6366f1 28%, var(--border-subtle))}.prompt-json-highlighted{border:1px solid color-mix(in srgb, #6366f1 24%, var(--border-subtle));background:color-mix(in srgb, #6366f1 4%, var(--surface-1));max-height:260px;color:var(--text-secondary);white-space:pre-wrap;word-break:break-word;border-radius:10px;margin:0;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.64rem;line-height:1.45;overflow:auto}.prompt-json-highlighted.is-compact{max-height:150px;font-size:.6rem}.prompt-json-highlighted.is-compact.is-expanded,.prompt-payload-plain-text.is-compact.is-expanded{max-height:min(48vh,480px)}.prompt-json-expand-btn{align-self:flex-start}.prompt-json-envelope-hint{color:var(--muted);background:color-mix(in srgb, #6366f1 6%, var(--surface-1));border:1px solid color-mix(in srgb, #6366f1 18%, var(--border-subtle));border-radius:8px;flex-wrap:wrap;align-items:center;gap:2px;padding:4px 8px;font-size:.62rem;display:flex}.prompt-json-envelope-hint-key code{font-size:inherit;color:color-mix(in srgb, #6366f1 82%, var(--text))}.prompt-json-segment.is-plain{color:inherit}.prompt-json-key.is-intent{color:color-mix(in srgb, #2563eb 88%, var(--text));font-weight:700}.prompt-json-key.is-mode{color:color-mix(in srgb, #7c3aed 86%, var(--text));font-weight:700}.prompt-json-key.is-style{color:color-mix(in srgb, #db2777 84%, var(--text));font-weight:700}.prompt-json-key.is-style-meta{color:color-mix(in srgb, #0891b2 84%, var(--text));font-weight:700}.prompt-json-key.is-ref-reference{color:color-mix(in srgb, #ea580c 86%, var(--text));font-weight:700}.prompt-json-key.is-meta{color:color-mix(in srgb, var(--muted) 92%, var(--text));font-weight:700}.prompt-payload-view-panel.is-graph-embedded .prompt-payload-view-toolbar{gap:4px}.prompt-payload-view-panel.is-graph-embedded .prompt-highlighted-text{border-top:none;padding-top:0}.prompt-canvas-composition-wrap{margin:0 0 6px}.style-subtab-seg.four-up .seg-item,.style-subtab-seg.three-up .seg-item{flex:1 1 0;min-width:0}.style-panel-top-card .style-subtab-seg .seg-item{justify-content:flex-start;min-width:0;min-height:28px;padding:3px 5px}.style-panel-top-card .style-subtab-seg .seg-item-label{text-overflow:ellipsis;font-size:.66rem;font-weight:650;overflow:hidden}.style-subtab-seg.seg-with-preview.seg-control{gap:3px;padding:3px}.style-subtab-seg.seg-with-preview .seg-item{flex-direction:row;align-items:center;gap:5px;min-height:30px;padding:3px 5px}.style-subtab-seg.seg-with-preview .seg-item-preview{aspect-ratio:1;background:color-mix(in srgb, var(--surface-2) 88%, transparent);border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);border-radius:5px;flex:0 0 26px;width:26px;height:26px;display:block;overflow:hidden}.style-subtab-seg.seg-with-preview .seg-item-preview img{object-fit:cover;width:100%;height:100%;display:block}.style-subtab-seg.seg-with-preview .seg-item-preview-swatch{width:100%;height:100%;display:block}.style-subtab-seg.seg-with-preview .seg-item-preview-empty{width:100%;height:100%;color:var(--muted);justify-content:center;align-items:center;display:flex}.style-subtab-seg.seg-with-preview .seg-item.has-preview-filled .seg-item-preview{border-color:color-mix(in srgb, var(--border-subtle) 55%, transparent)}.style-subtab-seg.seg-with-preview .seg-item.active .seg-item-preview{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-subtle));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 28%, transparent)}.style-subtab-seg.seg-with-preview .seg-item-label{text-align:left;flex:1;min-width:0;font-size:.62rem;line-height:1.1}.style-panel-top-card .style-status-meta{background:var(--surface-1);flex-shrink:0;padding:5px 10px;font-size:.72rem}.style-panel-top-card .mode-assistant-guide.surface-constructor{border:none;border-top:1px solid var(--border-subtle);box-shadow:none;background:0 0;border-radius:0;gap:8px;margin-top:10px;padding:10px 0 0}.style-panel-mode-chip.is-zodiac-flow{color:color-mix(in srgb, #c4b5fd 88%, var(--text));font-weight:650}.style-panel-top-card[data-mode=zodiac]{padding-bottom:8px}.style-panel-top-card[data-mode=zodiac] .style-panel-top-status-row{margin-top:6px}.style-panel-compact[data-mode=zodiac] .style-panel-block:first-of-type{padding-top:10px}.zodiac-sign-section-head{justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px;display:flex}.zodiac-sign-section-head .mode-form-picker-title{margin:0;font-size:.78rem;font-weight:650}.zodiac-sign-count{color:color-mix(in srgb, #c4b5fd 80%, var(--muted));border:1px solid color-mix(in srgb, #a78bfa 28%, var(--border-subtle));background:#7c3aed1a;border-radius:999px;flex-shrink:0;padding:2px 8px;font-size:.62rem;font-weight:600}.zodiac-sign-count.is-empty{color:var(--muted);border-color:var(--border-subtle);background:0 0}.zodiac-multi-hint,.zodiac-text-multi-hint{color:color-mix(in srgb, #c4b5fd 78%, var(--muted));margin:6px 0 0;font-size:.64rem;line-height:1.45}.zodiac-sign-text-editor{flex-direction:column;gap:10px;display:flex}.zodiac-sign-text-editor.is-multi .zodiac-text-multi-hint{margin-bottom:2px}.zodiac-sign-text-queue{flex-direction:column;gap:10px;display:flex}.zodiac-sign-text-card{border:1px solid color-mix(in srgb, #a78bfa 22%, var(--border-subtle));background:color-mix(in srgb, #7c3aed 6%, var(--surface-1));border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.zodiac-sign-text-card-head{border-bottom:1px solid color-mix(in srgb, #a78bfa 18%, var(--border-subtle));flex-wrap:wrap;align-items:baseline;gap:6px 8px;padding-bottom:4px;display:flex}.zodiac-sign-text-card-index{color:color-mix(in srgb, #c4b5fd 85%, var(--muted));text-transform:uppercase;letter-spacing:.04em;font-size:.62rem;font-weight:650}.zodiac-sign-text-card-sign{color:var(--text);font-size:.78rem;font-weight:700}.zodiac-sign-text-card-range{color:var(--muted);margin-left:auto;font-size:.64rem}.zodiac-subtitle-field{flex-direction:column;gap:6px;display:flex}.zodiac-subtitle-field-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.zodiac-subtitle-field-head .mode-form-field-label{margin:0}.zodiac-traits-btn{white-space:nowrap;flex-shrink:0;padding:3px 8px;font-size:.62rem}.zodiac-text-tone-picker{flex-direction:column;gap:10px;display:flex}.zodiac-text-tone-lead{color:var(--muted);margin:0;font-size:.68rem;line-height:1.45}.zodiac-text-tone-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.zodiac-text-tone-card{border:1px solid var(--border-subtle);background:var(--surface-1);cursor:pointer;text-align:left;border-radius:10px;flex-direction:column;gap:4px;padding:8px;transition:border-color .15s,box-shadow .15s;display:flex;position:relative}.zodiac-text-tone-card:hover{border-color:color-mix(in srgb, #a78bfa 35%, var(--border-subtle))}.zodiac-text-tone-card.active{border-color:color-mix(in srgb, #a78bfa 65%, var(--accent));box-shadow:inset 0 0 0 1px #a78bfa47}.zodiac-text-tone-card-preview{border-radius:7px;justify-content:space-between;align-items:center;min-height:44px;padding:6px 8px;display:flex;overflow:hidden}.zodiac-text-tone-card-title{font-size:1.35rem;font-weight:700;line-height:1}.zodiac-text-tone-card-accent{opacity:.9;font-size:1.1rem;font-weight:600}.zodiac-text-tone-card-label{color:var(--text);font-size:.72rem;font-weight:650}.zodiac-text-tone-card-hint{color:var(--muted);font-size:.62rem;line-height:1.35}.zodiac-text-tone-card-check{background:color-mix(in srgb, #a78bfa 85%, var(--accent));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:6px;right:6px}.zodiac-auto-text-preview{border:1px solid color-mix(in srgb, #a78bfa 18%, var(--border-subtle));background:color-mix(in srgb, #7c3aed 4%, var(--surface-1));border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.zodiac-auto-text-chips{flex-wrap:wrap;gap:6px;display:flex}.zodiac-auto-text-multi{margin:0}.style-panel-top-card .mode-assistant-guide-mode{font-size:.8rem;font-weight:700}.style-panel-top-card .mode-assistant-guide-progress{color:var(--text-secondary);font-size:.68rem;font-weight:650}.style-panel-top-card .mode-assistant-assets{scrollbar-width:thin;gap:5px}.style-panel-top-card .mode-assistant-asset{background:var(--surface-1);border-radius:8px;flex:0 0 68px;max-width:68px;padding:3px}.style-panel-top-card .mode-assistant-asset-preview{flex-direction:column;gap:3px}.style-panel-top-card .mode-assistant-asset-img,.style-panel-top-card .mode-assistant-asset-swatch{aspect-ratio:1;object-fit:cover;border-radius:6px;width:100%}.style-panel-top-card .mode-assistant-asset-label{color:var(--text-secondary);-webkit-line-clamp:2;text-align:center;-webkit-box-orient:vertical;font-size:.58rem;font-weight:600;line-height:1.15;display:-webkit-box;overflow:hidden}.style-panel-top-card .mode-assistant-material-actions.is-constructor-row{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.style-panel-top-card .mode-assistant-material-action{letter-spacing:0;min-height:32px;color:var(--text);background:var(--surface-1);border:1px solid var(--border-subtle);text-align:center;white-space:normal;-webkit-line-clamp:2;border-radius:8px;-webkit-box-orient:vertical;padding:6px 3px;font-size:.64rem;font-weight:650;line-height:1.15;display:-webkit-box;overflow:hidden}.style-panel-top-card .mode-assistant-material-action:hover{border-color:color-mix(in srgb, var(--link) 35%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-1))}.style-panel-top-card .mode-assistant-material-action.is-active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 12%, var(--surface-1));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 24%, transparent)}.style-panel-top-card .mode-assistant-guide.is-constructor-panel.is-ready{padding-bottom:0}.style-panel-top-card .mode-assistant-guide-head{margin-bottom:2px}.style-panel-top-card .mode-assistant-guide.is-constructor-panel .mode-assistant-guide-progress{color:var(--text-secondary);background:0 0;border:none;padding:0;font-size:.72rem;font-weight:650}.style-panel-top-card .mode-assistant-asset-selected-pill{padding:1px 4px;font-size:.44rem;top:2px;right:2px}.style-panel-top-card .mode-assistant-constructor-ready-line{border:1px solid color-mix(in srgb, #34d399 22%, var(--border-subtle));background:color-mix(in srgb, #34d399 7%, var(--surface-1));border-radius:8px;margin:0;padding:8px 10px;font-size:.74rem;line-height:1.4}.style-panel-top-card .mode-assistant-hero{display:none}.style-panel-body{padding:0 2px}.style-panel-tab-lead{color:var(--text-secondary);margin:0 0 12px;font-size:.74rem;line-height:1.45}.style-generate-block{padding-top:12px!important}.style-generate-block .mode-checklist-list.is-pending-only{margin:0 0 10px}.style-panel-footnote.ok{color:color-mix(in srgb, #34d399 78%, var(--text-secondary));margin:0 0 10px}.style-panel-compact .style-panel-block{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 72%, transparent);padding:8px 2px}.style-panel-compact .style-panel-block:last-child{border-bottom:none;padding-bottom:6px}.style-panel-compact .mode-quick-form{gap:8px}.mode-form-step-shell{flex-direction:column;gap:6px;display:flex}.style-panel-compact .mode-form-step-card{border-radius:8px;gap:8px;padding:8px}.style-panel-compact .mode-form-step-card-head{margin:0;padding-bottom:6px}.style-panel-compact .mode-form-step-card-head p{font-size:.68rem;line-height:1.35}.mode-form-step-card{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-1) 96%, var(--surface-2));border-radius:12px;flex-direction:column;gap:14px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff0a}.mode-form-step-card-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);margin:-2px 0 0;padding-bottom:10px}.mode-form-step-card-head p{color:color-mix(in srgb, var(--text) 88%, var(--text-secondary));margin:0;font-size:.74rem;font-weight:500;line-height:1.5}.mode-form-asset-card{flex-direction:column;gap:8px;display:flex}.mode-form-asset-card-head{flex-direction:column;gap:4px;display:flex}.mode-form-asset-hint{color:color-mix(in srgb, var(--text-secondary) 92%, var(--text));margin:0;font-size:.7rem;line-height:1.45}.mode-form-upload-zone{border:1.5px dashed color-mix(in srgb, var(--border) 80%, var(--link) 20%);background:color-mix(in srgb, var(--surface-2) 88%, transparent);width:100%;min-height:132px;color:var(--text);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:14px 12px 10px;transition:border-color .15s,background .15s,box-shadow .15s;display:flex;position:relative}.mode-form-upload-zone:hover{border-color:color-mix(in srgb, var(--link) 45%, var(--border));background:color-mix(in srgb, var(--link) 6%, var(--surface-2));box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 12%, transparent)}.mode-form-upload-zone.has-photo{border-style:solid;padding-top:10px}.mode-form-upload-zone-badge{letter-spacing:.04em;text-transform:uppercase;color:color-mix(in srgb, var(--text) 90%, var(--muted));background:color-mix(in srgb, var(--surface) 88%, transparent);border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);border-radius:999px;padding:2px 7px;font-size:.58rem;font-weight:700;position:absolute;top:8px;left:8px}.mode-form-upload-zone-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:88px}.mode-form-upload-zone-empty{text-align:center;color:var(--text-secondary);flex-direction:column;align-items:center;gap:6px;display:flex}.mode-form-upload-zone-empty strong{color:var(--text);font-size:.78rem;font-weight:650}.mode-form-upload-zone-empty span:last-child{color:color-mix(in srgb, var(--muted) 80%, var(--text-secondary));font-size:.66rem}.mode-form-upload-zone-foot{color:color-mix(in srgb, var(--muted) 75%, var(--text-secondary));font-size:.66rem;line-height:1.35}.mode-form-upload-zone-foot.is-ok{color:color-mix(in srgb, #34d399 80%, var(--text-secondary));font-weight:600}.mode-form-identity-block{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);flex-direction:column;gap:10px;padding-top:12px;display:flex}.mode-form-identity-block .mode-form-field-full{margin:0}.mode-form-identity-block .mode-form-field-full input{padding:9px 11px;font-size:.82rem}.mode-form-suggestions.is-inline{flex-direction:column;gap:6px;display:flex}.mode-form-suggestions-caption{letter-spacing:.02em;text-transform:uppercase;color:color-mix(in srgb, var(--muted) 70%, var(--text-secondary));font-size:.64rem;font-weight:600}.mode-form-suggestions-chips{flex-wrap:wrap;gap:6px;display:flex}.mode-form-suggestions.is-inline .chip{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);color:color-mix(in srgb, var(--text) 90%, var(--text-secondary));border-radius:999px;padding:5px 11px;font-size:.7rem}.mode-form-suggestions.is-inline .chip.active{border-color:color-mix(in srgb, var(--link) 50%, var(--border));background:color-mix(in srgb, var(--link) 14%, var(--surface-2));color:var(--text)}.mode-form-prompt-format-row.is-compact{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);gap:10px;padding-top:14px}.mode-form-prompt-format-row.is-compact .mode-form-picker-title{color:color-mix(in srgb, var(--text) 92%, var(--text-secondary));font-size:.74rem;font-weight:650}.mode-form-prompt-format-row.is-compact .mode-form-hint{color:color-mix(in srgb, var(--text-secondary) 95%, var(--text));margin:0;font-size:.68rem;line-height:1.45}.mode-form-step-card .mode-form-seg.seg-control{background:color-mix(in srgb, var(--bg-deep) 92%, var(--surface-2));border-color:color-mix(in srgb, var(--border-subtle) 90%, transparent)}.mode-form-step-card .mode-form-seg .seg-item{min-height:36px;color:color-mix(in srgb, var(--text-secondary) 95%, var(--muted));font-size:.74rem;font-weight:600}.mode-form-step-card .mode-form-seg .seg-item.active{background:color-mix(in srgb, var(--link) 18%, var(--surface-1));color:var(--text);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--link) 35%, var(--border)), 0 1px 4px color-mix(in srgb, var(--link) 12%, transparent)}@media (width<=420px){.mode-form-upload-zone{min-height:118px}}.style-panel-compact .mode-form-picker-title{color:var(--text);font-size:.82rem;font-weight:700}.style-panel-compact .mode-form-picker-block{gap:10px}.style-panel-compact .mode-picker-grid{gap:8px}.style-panel-compact .mode-picker-card{background:var(--surface-1);border-radius:10px;gap:6px;padding:8px;transition:border-color .12s,background .12s}.style-panel-compact .mode-picker-card:hover{border-color:var(--border-strong);background:var(--surface-hover,var(--surface-2))}.style-panel-compact .mode-picker-card.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));background:color-mix(in srgb, var(--accent) 9%, var(--surface-1));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.style-panel-compact .mode-picker-label{color:var(--text);font-size:.72rem;font-weight:650}.style-panel-compact .mode-form-hint,.style-panel-compact .mode-form-hint.subtle{color:var(--text-secondary);opacity:1;font-size:.72rem;line-height:1.45}.style-panel-compact .mode-form-upload-status{font-size:.68rem}.style-panel-compact .mode-checklist-list.compact{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:10px;gap:8px;padding:10px 12px}.style-panel-compact .mode-checklist-list.compact li{color:var(--text);font-size:.78rem;line-height:1.4}.style-panel-compact .mode-checklist-list.compact li.ok{color:color-mix(in srgb, #34d399 88%, var(--text))}.style-panel-compact .mode-checklist-list.compact li.todo{color:var(--text-secondary)}.mode-checklist-list.compact li.is-clickable{padding:0}.mode-checklist-action{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:flex-start;gap:8px;padding:4px 2px;transition:background .15s,color .15s;display:flex}.mode-checklist-action:hover{background:color-mix(in srgb, var(--link) 10%, transparent);color:var(--text)}.mode-checklist-action:focus-visible{outline:2px solid color-mix(in srgb, var(--link) 45%, transparent);outline-offset:2px}.style-panel-footnote.warn.is-clickable{width:100%;font:inherit;text-align:left;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #f59e0b73;text-decoration:underline #f59e0b73;display:block}.style-panel-footnote.warn.is-clickable:hover{color:color-mix(in srgb, #fbbf24 88%, var(--text))}.style-panel-compact .style-panel-footnote{font-size:.72rem;line-height:1.45}.style-panel-compact .mode-form-upload-zone{border-radius:8px;gap:5px;min-height:88px;padding:8px 10px}.style-panel-compact .mode-form-upload-zone-img{max-height:56px}.style-panel-compact .mode-form-upload-zone-empty strong{font-size:.72rem}.style-panel-compact .mode-form-upload-zone-foot{font-size:.6rem}.style-panel-compact .mode-form-asset-hint{font-size:.64rem;line-height:1.3}.style-panel-compact .style-generate-btn{border-radius:8px;min-height:36px;margin-top:6px;font-size:.78rem}.style-pack-card{background:var(--surface-1);border-radius:10px;margin-bottom:8px;border:1px solid var(--border-subtle)!important;padding:10px 8px!important}.style-pack-card-compact{padding:8px!important}.style-pack-card-compact .style-pack-card-head{margin-bottom:6px}.style-pack-card-head-main{flex:1;min-width:0}.style-pack-stl-toolbar{align-items:stretch;gap:6px;margin-bottom:8px;display:flex}.style-pack-stl-toolbar .style-panel-stl-upload{flex:auto;min-width:0;margin-bottom:0}.style-pack-stl-toolbar .style-pack-create-btn{white-space:nowrap;flex:none;align-self:stretch}.style-pack-card-compact .panel-role-upload,.style-pack-card-compact .mode-form-asset-card.is-compact-upload{margin:0}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-asset-card-head{display:none}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone{border-width:1px;border-radius:8px;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;min-height:40px;padding:4px 8px}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-badge{padding:1px 5px;font-size:.52rem;position:static}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-empty{text-align:left;flex-direction:row;gap:5px}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-empty strong{font-size:.68rem}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-empty span:last-child,.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-foot{display:none}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-zone-img{max-width:48px;max-height:32px}.style-pack-card-compact .mode-form-asset-card.is-compact-upload .mode-form-upload-clear{padding:2px 6px;font-size:.62rem}.style-pack-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.style-panel-section-title{color:var(--text);letter-spacing:.01em;margin:0;font-size:.76rem;font-weight:700}.style-pack-mix-seg.seg-control{flex-shrink:0;padding:2px}.style-pack-mix-seg .seg-item{min-height:28px;padding:4px 10px;font-size:.68rem;font-weight:650}.style-pack-card .panel-role-upload{border:1px dashed var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:10px;flex-direction:column;align-items:stretch;gap:6px;margin-bottom:10px;padding:10px 12px}.style-pack-card .panel-role-upload .mode-form-upload-btn{justify-content:center;width:100%}.style-pack-card .panel-role-upload .mode-form-hint{margin:0;font-size:.68rem;line-height:1.4}.style-pack-card .style-pack-toolbar{margin:0 0 10px;padding-top:2px}.style-pack-card .style-pack-toolbar-hint{color:var(--muted);font-size:.66rem}.style-pack-card .style-mode-ref-grid.compact{gap:6px;margin-top:0}.style-pack-card .style-mode-ref-card{background:var(--surface-2);border-radius:8px;min-height:0;padding:4px}.style-pack-card .style-mode-ref-card.active{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-strong));background:color-mix(in srgb, var(--accent) 8%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 20%, transparent)}.style-pack-card .style-mode-ref-title{font-size:.72rem}.style-pack-card .style-pack-pet-picker{margin:0}.style-pack-card .style-pack-pet-picker .style-pack-card-head{margin-bottom:10px}.style-pack-card .pet-template-grid{gap:8px}.style-pack-card .pet-template-grid .mode-picker-card{border-radius:10px;padding:8px}.style-pack-card .pet-template-grid .mode-picker-card.active{border-color:color-mix(in srgb, var(--accent) 50%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 10%, var(--surface-2));box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 22%, transparent)}.style-pack-card .pet-template-grid .mode-picker-label{font-size:.68rem;font-weight:650;line-height:1.2}.style-panel-compact .mode-form-upload-row{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:10px;padding:10px 12px}.style-mode-ref-grid.compact{gap:8px;margin-top:10px}.style-mode-ref-grid.compact .style-mode-ref-title{font-size:.68rem;line-height:1.25}.style-mode-ref-grid.compact .style-mode-ref-card small{display:none}.style-pack-empty-state,.mode-form-empty-state{border:1px dashed color-mix(in srgb, var(--border) 75%, var(--muted) 25%);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:8px;flex-direction:column;grid-column:1/-1;gap:2px;padding:8px 10px;display:flex}.style-pack-empty-title,.mode-form-empty-title{color:color-mix(in srgb, var(--text) 90%, var(--text-secondary));font-size:.7rem;font-weight:650}.style-pack-empty-hint,.mode-form-empty-hint{color:color-mix(in srgb, var(--text-secondary) 95%, var(--muted));font-size:.62rem;line-height:1.35}.style-panel-style-lead{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);margin:0 0 10px;padding-bottom:10px}.style-panel-style-lead p{color:color-mix(in srgb, var(--text) 88%, var(--text-secondary));margin:0;font-size:.74rem;font-weight:500;line-height:1.5}.style-panel-stl-upload{margin-bottom:10px}.style-prompt-block{gap:8px;display:grid}.style-prompt-single-source{color:var(--text-secondary);margin:0;font-size:.72rem;line-height:1.45}.style-prompt-block-compact{gap:10px}.style-prompt-assembled{color:var(--muted);border:1px dashed color-mix(in srgb, var(--border-subtle) 80%, transparent);white-space:pre-wrap;word-break:break-word;border-radius:8px;max-height:5.5rem;padding:8px 10px;font-size:.62rem;line-height:1.45;overflow:auto}.style-prompt-head{justify-content:space-between;align-items:center;gap:8px;font-size:.72rem;display:flex}.style-prompt-badge{border:1px solid var(--border-subtle);border-radius:999px;padding:2px 7px;font-size:.58rem}.style-prompt-badge.custom{color:color-mix(in srgb, #60a5fa 85%, var(--text))}.style-prompt-badge.auto{color:var(--muted)}.style-prompt-badge.zodiac{color:#c4b5fd;border-color:color-mix(in srgb, #a78bfa 45%, var(--border-subtle));background:#7c3aed1f}.style-prompt-zodiac-tags{flex-wrap:wrap;gap:4px;display:flex}.zodiac-prompt-inject{border:1px solid color-mix(in srgb, #a78bfa 38%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, #1e1b4b 62%, var(--surface-2)), color-mix(in srgb, #4c1d95 22%, var(--surface-2)));border-radius:10px;margin-top:10px;padding:10px 11px;animation:.35s ease-out zodiac-prompt-in}@keyframes zodiac-prompt-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.zodiac-prompt-inject-head{color:#ddd6fe;letter-spacing:.01em;align-items:center;gap:6px;margin-bottom:8px;font-size:.68rem;font-weight:650;display:flex}.zodiac-prompt-inject-chips{flex-wrap:wrap;gap:5px;margin-bottom:8px;display:flex}.zodiac-prompt-chip{border:1px solid #0000;border-radius:999px;padding:3px 9px;font-size:.64rem;line-height:1.25}button.zodiac-prompt-chip.is-clickable{cursor:pointer;font:inherit;transition:border-color .15s,background .15s,transform .12s}button.zodiac-prompt-chip.is-clickable:hover{filter:brightness(1.08);transform:translateY(-1px)}button.zodiac-prompt-chip.is-clickable:active{transform:translateY(0)}button.zodiac-prompt-chip.is-clickable.is-active{box-shadow:inset 0 0 0 1px #a78bfa8c}button.zodiac-prompt-chip.is-clickable:focus-visible{outline-offset:2px;outline:2px solid #a78bfab3}.zodiac-prompt-chip.sign{color:#f5f3ff;background:#7c3aed6b;border-color:#a78bfa8c;font-weight:650}.zodiac-prompt-chip.range{color:#ede9fe;background:#5b21b647;border-color:#7c3aed59}.zodiac-prompt-chip.trait{color:#f3e8ff;background:#6d28d938;border-color:#8b5cf652}.zodiac-prompt-inject-en{color:color-mix(in srgb, #ddd6fe 82%, var(--muted));margin:0;font-size:.66rem;line-height:1.5}.zodiac-prompt-inject-multi.is-compact{padding:8px 10px}.zodiac-prompt-inject-multi.is-compact .zodiac-prompt-inject-queue-note{margin:4px 0 8px;font-size:.62rem;line-height:1.35}.zodiac-prompt-inject-multi.is-compact .zodiac-prompt-inject-all-chips{margin-bottom:0}.zodiac-prompt-inject-multi{flex-direction:column;gap:8px;margin-top:10px;display:flex}.zodiac-prompt-inject-multi-head{color:#e9d5ff;letter-spacing:.01em;align-items:center;gap:6px;font-size:.68rem;font-weight:700;display:flex}.zodiac-prompt-inject-queue-note{color:color-mix(in srgb, #c4b5fd 78%, var(--muted));margin:0;font-size:.62rem;line-height:1.45}.zodiac-prompt-inject-all-chips{flex-wrap:wrap;gap:5px;display:flex}.zodiac-prompt-inject-queue{flex-direction:column;gap:8px;display:flex}.zodiac-prompt-inject-item{border-color:color-mix(in srgb, #8b5cf6 28%, var(--border));background:linear-gradient(145deg, color-mix(in srgb, #1e1b4b 48%, var(--surface-2)), color-mix(in srgb, #4c1d95 14%, var(--surface-2)));margin-top:0}.zodiac-prompt-inject-item .zodiac-prompt-inject-head{color:#c4b5fd;font-size:.64rem}.zodiac-mark{color:#faf5ff;background:#a78bfa52;border-radius:3px;padding:0 4px;font-weight:600}.style-prompt-input{resize:vertical;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;min-height:64px;color:var(--text);padding:6px 8px;font-family:inherit;font-size:.68rem;line-height:1.4}.style-prompt-actions{flex-wrap:wrap;gap:6px;display:flex}.style-subtab-bar{z-index:2;background:var(--surface);border-bottom:1px solid var(--border-subtle);margin-bottom:2px;padding-bottom:4px;position:sticky;top:0}.style-workflow-chip.status{color:var(--text)}.style-workflow-chip.quality.good{border-color:color-mix(in srgb, #34d399 40%, var(--border-subtle));color:color-mix(in srgb, #34d399 78%, var(--text))}.style-workflow-chip.quality.mid{border-color:color-mix(in srgb, #f59e0b 42%, var(--border-subtle));color:color-mix(in srgb, #f59e0b 78%, var(--text))}.style-workflow-chip.quality.warn{border-color:color-mix(in srgb, #ef4444 42%, var(--border-subtle));color:color-mix(in srgb, #ef4444 80%, var(--text))}.style-mode-ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.style-ref-mix-row{flex-direction:column;gap:6px;display:flex}.style-mode-ref-card{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text);text-align:left;cursor:pointer;border-radius:12px;flex-direction:column;gap:6px;padding:6px;display:flex}.style-mode-ref-card img{aspect-ratio:220/98;object-fit:cover;border-radius:8px;width:100%}.style-mode-ref-swatch{aspect-ratio:220/98;border:1px solid var(--border-subtle);border-radius:8px;width:100%;display:block}.style-mode-ref-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.03em;font-size:.6rem}.style-mode-ref-title{font-size:.68rem;font-weight:600}.style-mode-ref-card.active{border-color:var(--border-strong);box-shadow:var(--glow-active)}.style-pack-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin:4px 0 8px;display:flex}.style-pack-create-btn{align-items:center;gap:6px;display:inline-flex}.style-pack-toolbar-hint{color:var(--text-secondary);font-size:.66rem;line-height:1.35}.style-mode-ref-card-wrap{flex-direction:column;gap:4px;display:flex;position:relative}.style-mode-ref-card-wrap.active .style-mode-ref-card{border-color:var(--border-strong);box-shadow:var(--glow-active)}.style-mode-ref-card-actions{justify-content:flex-end;gap:4px;padding:0 2px;display:flex}.style-mode-ref-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--link);background:color-mix(in srgb, var(--link) 14%, transparent);border-radius:999px;margin-right:4px;padding:1px 5px;font-size:.52rem;font-style:normal;font-weight:700;display:inline-block}.prompt-style-pack-custom-badge{letter-spacing:.04em;text-transform:uppercase;color:var(--link);background:color-mix(in srgb, var(--link) 18%, transparent);border-radius:999px;margin-right:4px;padding:0 4px;font-size:.48rem;font-style:normal;font-weight:700;display:inline-block}.custom-style-editor-backdrop{z-index:1300;background:#00000085;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.custom-style-editor{border:1px solid var(--border);background:var(--surface);border-radius:14px;gap:0;width:min(520px,100%);max-height:min(90dvh,760px);display:grid;overflow:auto;box-shadow:0 18px 48px #00000061}.custom-style-editor-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:flex-start;gap:12px;padding:14px 16px 10px;display:flex}.custom-style-editor-head h2{margin:0;font-size:.92rem}.custom-style-editor-lead{color:var(--muted);margin:4px 0 0;font-size:.68rem}.custom-style-editor-body{gap:10px;padding:14px 16px;display:grid}.custom-style-field{color:var(--text-secondary);gap:4px;font-size:.66rem;display:grid}.custom-style-field input,.custom-style-field select,.custom-style-field textarea{border:1px solid var(--border-subtle);background:var(--surface-2);width:100%;color:var(--text);border-radius:8px;padding:7px 9px;font-size:.72rem}.custom-style-color-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.custom-style-color-field{color:var(--text-secondary);gap:4px;font-size:.62rem;display:grid}.custom-style-color-field input[type=color]{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:8px;width:100%;height:34px;padding:2px}.custom-style-preview-swatch{border:1px solid var(--border-subtle);background:var(--surface-2);border-radius:10px;grid-template-columns:56px 1fr;align-items:center;gap:10px;padding:8px;display:grid}.custom-style-preview-swatch span{border:1px solid var(--border-subtle);border-radius:8px;width:56px;height:34px;display:block}.custom-style-preview-swatch em{color:var(--text-secondary);font-size:.68rem;font-style:normal}.custom-style-row-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.custom-style-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.custom-style-upload-thumb{object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;width:48px;height:34px}.custom-style-upload-hint{color:var(--muted);font-size:.62rem}.custom-style-editor-actions{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:8px;padding:12px 16px 14px;display:flex}.style-mode-ref-fallback{aspect-ratio:220/98;background:var(--surface);width:100%;color:var(--muted);border-radius:8px;justify-content:center;align-items:center;font-size:.66rem;display:inline-flex}.mode-quick-form{flex-direction:column;gap:12px;display:flex}.mode-form-section{flex-direction:column;gap:10px;display:flex}.mode-form-tab-callout{border-radius:var(--radius-sm);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border-subtle));background:linear-gradient(135deg, color-mix(in srgb, var(--surface-2) 88%, var(--accent) 6%), var(--surface-2));color:var(--text-secondary);margin:0;padding:9px 11px;font-size:.7rem;line-height:1.45}.mode-form-seg.seg-control{width:100%}.mode-form-seg.seg-control .seg-item{flex:1 1 0;justify-content:center;min-height:34px}.mode-form-head{flex-direction:column;gap:2px;display:flex}.mode-form-mode{color:var(--text);font-size:.72rem;font-weight:600}.mode-form-hint{color:var(--muted);margin:0;font-size:.66rem;line-height:1.4}.mode-form-hint.subtle{color:var(--text-secondary);opacity:.92}.mode-form-req{color:color-mix(in srgb, #ef4444 75%, var(--text))}.mode-form-grid label.required{font-weight:500}.mode-form-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.mode-form-progress{background:var(--surface-2);border-radius:999px;height:6px;overflow:hidden}.mode-form-progress-bar{background:linear-gradient(90deg, var(--link), color-mix(in srgb, var(--link) 60%, #84f8de));border-radius:999px;height:100%;transition:width .16s}.mode-form-grid label{color:var(--text-secondary);flex-direction:column;gap:5px;font-size:.74rem;display:flex}.mode-form-field-label{color:var(--text);letter-spacing:.01em;font-weight:600}.mode-form-grid input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text);min-height:36px;padding:8px 10px;font-size:.78rem;transition:border-color .12s,box-shadow .12s}.mode-form-grid input::placeholder{color:color-mix(in srgb, var(--muted) 85%, transparent)}.mode-form-grid input:focus{border-color:color-mix(in srgb, var(--accent) 48%, var(--border));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.mode-form-grid input:disabled{opacity:.55;cursor:not-allowed}.mode-form-grid select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:6px 8px}.mode-form-nav{justify-content:space-between;gap:8px;display:flex}.mode-form-grid label.full-width,.mode-form-field-full{grid-column:1/-1}.mode-form-hint.warn{color:color-mix(in srgb, #f59e0b 80%, var(--text-secondary))}.mode-form-picker-block{flex-direction:column;gap:8px;display:flex}.mode-form-picker-title{color:var(--text);letter-spacing:.01em;font-size:.72rem;font-weight:650}.mode-form-prompt-format-row{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;gap:8px;padding:10px 11px;display:flex}.mode-form-suggestions-wrap{gap:8px}.mode-picker-grid{gap:6px;display:grid}.pet-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.zodiac-sign-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.mode-picker-card.zodiac-card{border-radius:9px;padding:8px 4px 6px;transition:border-color .15s,background .15s,box-shadow .15s;position:relative}.mode-picker-card.zodiac-card:hover{border-color:color-mix(in srgb, #a78bfa 35%, var(--border-subtle));background:color-mix(in srgb, #7c3aed 6%, var(--surface-2))}.zodiac-card-check{color:#1e1b4b;z-index:1;background:#b49cfb;border-radius:999px;justify-content:center;align-items:center;width:16px;height:16px;display:inline-flex;position:absolute;top:4px;right:4px}.mode-picker-icon.zodiac{min-height:44px;color:color-mix(in srgb, #fbbf24 72%, var(--text));padding:2px 0}.mode-picker-card.zodiac-card.active .mode-picker-icon.zodiac{color:#fcd75b}.mode-picker-card.zodiac-card .mode-picker-label{font-size:.64rem}.mode-picker-card.zodiac-card .mode-picker-dates{opacity:.88;font-size:.52rem}.mode-picker-card{border:1px solid var(--border-subtle);background:var(--surface-2);text-align:center;cursor:pointer;color:var(--text);border-radius:10px;flex-direction:column;align-items:center;gap:4px;padding:6px;display:flex}.mode-picker-card img{aspect-ratio:220/98;object-fit:cover;border-radius:6px;width:100%}.mode-picker-emoji{aspect-ratio:220/98;border-radius:6px;justify-content:center;align-items:center;width:100%;font-size:1.4rem;display:flex}.mode-picker-icon{background:0 0;justify-content:center;align-items:center;width:100%;display:flex}.mode-picker-label{font-size:.62rem;font-weight:600;line-height:1.2}.mode-picker-dates{color:var(--muted);font-size:.54rem;line-height:1.2}.mode-picker-card.zodiac-card.active{border-color:color-mix(in srgb, #a78bfa 58%, var(--border-strong));background:linear-gradient(160deg, color-mix(in srgb, #4c1d95 22%, var(--surface-2)), color-mix(in srgb, #1e1b4b 35%, var(--surface-2)));box-shadow:0 0 0 1px #a78bfa38,0 4px 14px #7c3aed24}.mode-picker-card.active:not(.zodiac-card){border-color:var(--border-strong);box-shadow:var(--glow-active)}.mode-form-upload-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-form-upload-btn{flex-shrink:0}.mode-form-upload-status{color:var(--muted);font-size:.62rem}.mode-form-upload-status.ok{color:color-mix(in srgb, #34d399 85%, var(--text))}.mode-form-upload-actions{flex-direction:column;gap:6px;display:flex}.mode-form-upload-clear{align-self:flex-start}.mode-bg-color-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-bg-color-reset{flex-shrink:0}.zodiac-sign-section-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.zodiac-sign-clear,.mode-pet-bg-clear{flex-shrink:0}.mode-logo-merge-panel{flex-direction:column;gap:8px;display:flex}.mode-merge-status-list{flex-direction:column;gap:4px;margin:0;padding:0;font-size:.68rem;list-style:none;display:flex}.mode-merge-status-list li{align-items:center;gap:6px;display:flex}.mode-merge-status-list li.ok{color:color-mix(in srgb, #34d399 85%, var(--text))}.mode-merge-status-list li.todo{color:var(--muted)}.mode-form-field-full{color:var(--muted);flex-direction:column;gap:4px;font-size:.72rem;display:flex}.mode-form-field-full input{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);padding:6px 8px}.style-prompt-block.collapsed{gap:0}.style-prompt-toggle{border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);width:100%;color:var(--text-secondary);cursor:pointer;text-align:left;align-items:center;gap:6px;padding:8px 10px;font-size:.68rem;display:flex}.style-prompt-toggle.open{border-style:solid;margin-bottom:6px}.style-prompt-toggle .rotated{transform:rotate(180deg)}.mode-form-suggestions{flex-wrap:wrap;gap:6px;display:flex}.mode-form-suggestions .chip{border-radius:999px;padding:5px 11px;font-size:.68rem}.prompt-node-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px;display:grid}.prompt-node{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);gap:6px;padding:8px;display:grid}.prompt-node-main{grid-column:span 2;min-height:92px}.prompt-node img{aspect-ratio:1.5;object-fit:cover;border-radius:6px;width:100%}.prompt-node p{color:var(--text-secondary);margin:0;font-size:.66rem}.model-settings{gap:10px;padding:4px 0;display:grid}.model-settings.compact{gap:8px}.model-settings label{color:var(--muted);flex-direction:column;gap:4px;font-size:.72rem;display:flex}.model-settings select,.model-settings input{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:6px 8px;font-size:.78rem}.model-settings textarea{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);resize:vertical;min-height:72px;padding:6px 8px;font-size:.78rem}.model-key-grid{gap:8px;display:grid}.model-reset-row{flex-wrap:wrap;gap:6px;display:flex}.model-chat-debug{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 80%, transparent);border-radius:10px;margin-top:8px;padding:8px 10px}.model-chat-debug summary{cursor:pointer;color:var(--text-secondary);font-size:.74rem;font-weight:600}.model-chat-debug-body{flex-direction:column;gap:8px;margin-top:8px;display:flex}.model-chat-debug-toggle{color:var(--text-secondary);align-items:center;gap:8px;font-size:.72rem;display:flex}.model-chat-debug-actions{flex-wrap:wrap;gap:6px;display:flex}.chat-debug-status{border:1px dashed color-mix(in srgb, var(--link) 35%, var(--border-subtle));background:color-mix(in srgb, var(--link) 6%, var(--surface));color:var(--text-secondary);border-radius:10px;margin:0 12px 8px;padding:8px 10px;font-size:.68rem}.chat-debug-status-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:6px;display:flex}.chat-debug-status-actions{flex-wrap:wrap;justify-content:flex-end;gap:4px;display:flex}.chat-debug-status-head strong{color:var(--text);font-size:.72rem}.chat-debug-status-list{flex-direction:column;gap:2px;margin:0;padding-left:1.1rem;display:flex}.chat-debug-status-parse{color:var(--muted);margin:6px 0 0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.62rem}.chat-fixture-compare-panel{margin-top:8px;font-size:.65rem}.chat-fixture-compare-panel summary{cursor:pointer;color:var(--muted)}.chat-fixture-compare-toolbar{flex-wrap:wrap;align-items:center;gap:8px;margin-top:6px;display:flex}.chat-fixture-compare-filter{color:var(--muted);align-items:center;gap:4px;font-size:.58rem;display:inline-flex}.chat-fixture-compare-scroll{max-height:160px;margin-top:6px;overflow:auto}.chat-fixture-compare-table{border-collapse:collapse;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.58rem}.chat-fixture-compare-table th,.chat-fixture-compare-table td{border:1px solid var(--border-subtle);text-align:left;padding:3px 5px}.chat-fixture-compare-table tr.is-fail td{background:#ef444414}.chat-fixture-compare-table tr.is-expanded td{background:#3b82f60f}.chat-fixture-compare-table tbody tr[role=button]{cursor:pointer}.chat-fixture-compare-detail td{background:#0000000a}.chat-fixture-compare-user{color:var(--muted);margin:0 0 6px;font-size:.58rem}.chat-fixture-compare-previews{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chat-fixture-compare-previews pre{white-space:pre-wrap;word-break:break-word;border:1px solid var(--border-subtle);border-radius:4px;max-height:100px;margin:4px 0 0;padding:4px;font-size:.55rem;overflow:auto}.chat-fixture-compare-issues{color:var(--muted);margin:6px 0 0;font-size:.55rem}.model-google-auto-upgrade{align-items:center;gap:6px;display:inline-flex}.api-key-list{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.api-key-chip{border:1px solid var(--border-subtle);background:var(--surface-2);color:var(--text-secondary);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:.66rem;display:inline-flex}.api-key-chip.readonly{opacity:.82}.bb-key-pool-section{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-1);gap:10px;padding:10px;transition:box-shadow .22s,border-color .22s;display:grid}.bb-key-pool-section.is-key-focus,.model-key-grid.is-key-focus{border-color:color-mix(in srgb, var(--link) 55%, var(--border-subtle));box-shadow:0 0 0 2px color-mix(in srgb, var(--link) 24%, transparent)}.bb-key-pool-head{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.bb-key-pool-head strong{color:var(--text);margin-bottom:2px;font-size:.82rem;display:block}.bb-key-pool-actions,.bb-key-pool-summary{flex-wrap:wrap;gap:6px;display:flex}.bb-key-pill{border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-2);border-radius:999px;align-items:center;padding:2px 8px;font-size:.66rem;display:inline-flex}.bb-key-pill.ok{border-color:color-mix(in srgb, var(--success,#22c55e) 40%, var(--border-subtle));color:var(--success,#22c55e)}.bb-key-pill.warn{border-color:color-mix(in srgb, var(--warning,#f59e0b) 45%, var(--border-subtle));color:var(--warning,#f59e0b)}.bb-key-alert{color:var(--text-secondary);border-radius:var(--radius-sm);background:var(--surface-2);margin:0;padding:6px 8px;font-size:.72rem}.bb-key-alert.warn{color:var(--warning,#f59e0b)}.bb-key-table-wrap{overflow-x:auto}.bb-key-table{border-collapse:collapse;width:100%;font-size:.68rem}.bb-key-table th,.bb-key-table td{text-align:left;border-bottom:1px solid var(--border-subtle);vertical-align:top;padding:5px 6px}.bb-key-table th{color:var(--muted);font-weight:600}.bb-key-table code{font-size:.68rem}.quota-chip{border-radius:999px;padding:1px 6px;font-size:.64rem;display:inline-block}.quota-chip.quota-ok{background:color-mix(in srgb, var(--success,#22c55e) 15%, transparent);color:var(--success,#22c55e)}.quota-chip.quota-low{background:color-mix(in srgb, var(--warning,#f59e0b) 15%, transparent);color:var(--warning,#f59e0b)}.quota-chip.quota-empty{background:color-mix(in srgb, var(--danger,#ef4444) 15%, transparent);color:var(--danger,#ef4444)}.quota-chip.quota-unknown{background:var(--surface-2);color:var(--muted)}.probe-ok{color:var(--success,#22c55e);font-size:.66rem}.probe-fail{color:var(--danger,#ef4444);font-size:.66rem}.bb-key-limits{color:var(--muted);font-size:.68rem}.bb-key-limits summary{cursor:pointer;color:var(--text-secondary)}.bb-key-limits ul{margin:6px 0 0;padding-left:18px}.bb-key-limits li{margin-bottom:4px}@keyframes bb-key-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.keyboard-help .kbd-hint{color:var(--muted);margin-left:6px;font-size:.68rem}.inline-actions{margin-top:-6px}.print-preview{background:var(--bg);height:100%}.chat-panel .panel-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-deep)}.file-explorer .panel-header,.session-history .panel-header{border-bottom:1px solid var(--border-subtle)}.status-progress{color:var(--text-secondary)}a{color:var(--link)}a:hover{color:var(--link-hover)}.asset-gen-panel{border-bottom:1px solid var(--border-subtle);padding-bottom:12px}.asset-gen-hint{color:var(--muted);margin:0 16px 10px;font-size:.7rem;line-height:1.4}.archetype-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;padding:0 16px 10px;display:grid}.archetype-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:8px;transition:border-color .15s,background .15s;display:flex}.archetype-card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.archetype-icon{font-size:1rem}.archetype-card strong{font-size:.72rem}.archetype-card small{color:var(--muted);font-size:.6rem;line-height:1.25}.asset-gen-panel>.btn.accent{margin:0 16px}.inline-label{color:var(--muted);flex-direction:column;gap:4px;margin:0 16px 10px;font-size:.72rem;display:flex}.inline-label select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);padding:6px 8px}.style-pack-chips{flex-wrap:wrap;gap:6px;padding:0 16px 10px;display:flex}.asset-gen-actions{gap:8px;padding:0 16px 12px;display:flex}.asset-gen-actions .btn{flex:1}.btn.secondary{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);cursor:pointer;padding:8px 12px;font-size:.78rem}.btn.secondary:hover:not(:disabled){background:var(--surface-hover);border-color:var(--border-strong)}.mode-text-typography-block{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:10px;flex-direction:column;gap:10px;margin-top:4px;padding:12px;display:flex}.mode-text-typography-block.is-zodiac{border-color:color-mix(in srgb, #8b5cf6 28%, var(--border-subtle));background:linear-gradient(160deg, color-mix(in srgb, #1e1b4b 18%, var(--surface-2)), color-mix(in srgb, var(--surface-2) 94%, transparent))}.mode-text-typography-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-text-typography-scale{color:color-mix(in srgb, var(--link) 80%, var(--text-secondary));background:color-mix(in srgb, var(--link) 12%, transparent);border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:700}.mode-text-typography-controls{grid-template-columns:1fr 1fr;gap:10px 8px;display:grid}.mode-text-typography-field{flex-direction:column;gap:5px;min-width:0;display:flex}.mode-text-typography-field.is-wide{grid-column:1/-1}.mode-text-typography-label{color:color-mix(in srgb, var(--text) 82%, var(--muted));font-size:.68rem;font-weight:600}.mode-text-typography-field select{padding:7px 9px;font-size:.74rem}.mode-text-typography-range{width:100%;accent-color:color-mix(in srgb, #fbbf24 85%, var(--link))}.mode-text-typography-color-input{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-1) 92%, transparent);border-radius:8px;align-items:center;gap:8px;min-height:34px;padding:4px 8px 4px 4px;display:flex;position:relative}.mode-text-typography-color-swatch{border:1px solid color-mix(in srgb, #fff 18%, var(--border));pointer-events:none;border-radius:6px;flex-shrink:0;width:26px;height:26px;box-shadow:inset 0 1px 2px #0000002e}.mode-text-typography-color-input input[type=color]{opacity:0;cursor:pointer;border:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.mode-text-typography-color-field:focus-within .mode-text-typography-color-input{border-color:color-mix(in srgb, var(--link) 45%, var(--border))}.mode-text-typography-color-hex{color:var(--text-secondary);text-transform:uppercase;pointer-events:none;font-family:ui-monospace,monospace;font-size:.62rem}.mode-text-typography-preview{border:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);border-radius:10px;min-height:84px;padding:14px 16px;box-shadow:inset 0 1px #ffffff14,0 8px 24px #00000038}.mode-text-typography-preview.is-zodiac{border-color:#a78bfa59;box-shadow:inset 0 1px #ffffff0f,0 10px 28px #4c1d9559}.mode-text-typography-sub-placeholder{opacity:.55;color:color-mix(in srgb, #ddd6fe 70%, var(--muted));margin:6px 0 0;font-size:.72rem}.mode-bg-color-block{flex-direction:column;gap:8px;display:flex}.mode-bg-color-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.mode-bg-color-swatch{border:2px solid var(--border);cursor:pointer;border-radius:6px;width:28px;height:28px;padding:0}.mode-bg-color-swatch.active{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 35%, transparent)}.mode-bg-color-custom{color:var(--muted);align-items:center;gap:6px;font-size:.68rem;display:flex}.mode-merge-lr-preview{grid-template-columns:1fr 1fr;gap:8px;margin:8px 0;display:grid}.mode-merge-lr-preview-single{grid-template-columns:1fr;max-width:220px}.mode-merge-slot{border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--surface-2);flex-direction:column;justify-content:center;align-items:center;min-height:88px;padding:6px;display:flex}.mode-merge-slot.filled{border-style:solid}.mode-merge-slot img{object-fit:contain;max-width:100%;max-height:64px}.mode-merge-slot-label{color:var(--muted);margin-bottom:4px;font-size:.58rem}.mode-merge-slot-empty{color:var(--muted);font-size:.72rem}.mode-assistant-guide{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-2) 92%, var(--accent) 8%) 0%, var(--surface-2) 55%);flex-direction:column;gap:10px;padding:12px 14px;display:flex}.mode-assistant-guide.variant-compact{background:var(--surface-2);border-style:dashed;gap:8px;margin-top:6px;padding:8px 10px}.mode-assistant-guide-head{flex-direction:column;gap:4px;display:flex}.mode-assistant-guide-title-wrap{justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-assistant-guide-mode{letter-spacing:.02em;color:var(--text);font-size:.78rem;font-weight:700}.mode-assistant-guide-progress{color:var(--muted);border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:999px;padding:2px 7px;font-size:.62rem;font-weight:600}.mode-assistant-guide-tagline{color:var(--text-secondary);margin:0;font-size:.68rem;line-height:1.4}.mode-assistant-guide-steps{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.mode-assistant-step{border-radius:var(--radius-sm);border:1px solid #0000;grid-template-columns:auto 1fr auto;align-items:start;gap:8px;padding:7px 8px;display:grid}.mode-assistant-step.is-current{border-color:color-mix(in srgb, var(--accent) 35%, var(--border));background:color-mix(in srgb, var(--accent) 8%, var(--surface-1))}.mode-assistant-step.is-done{opacity:.72}.mode-assistant-step.optional .mode-assistant-step-title-row strong{font-weight:600}.mode-assistant-step-marker{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;display:inline-flex}.mode-assistant-step-marker.done{color:#34d399;background:#34d3991f}.mode-assistant-step-marker.current{color:var(--accent);background:color-mix(in srgb, var(--accent) 14%, transparent)}.mode-assistant-step-marker.pending{color:var(--muted)}.mode-assistant-step-body{flex-direction:column;gap:2px;min-width:0;display:flex}.mode-assistant-step-title-row{align-items:center;gap:6px;display:flex}.mode-assistant-step-title-row strong{color:var(--text);font-size:.72rem;font-weight:650}.mode-assistant-step-opt{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);font-size:.58rem}.mode-assistant-step-detail{color:var(--text-secondary);margin:0;font-size:.66rem;line-height:1.35}.mode-assistant-step-where{color:var(--muted);font-size:.62rem}.mode-assistant-step-go{flex-shrink:0;align-self:center;padding:3px 8px;font-size:.62rem}.mode-assistant-guide-foot{border-top:1px solid var(--border-subtle);padding-top:8px}.mode-assistant-guide-coach,.mode-assistant-guide-ready{color:var(--text-secondary);margin:0;font-size:.66rem;line-height:1.4}.mode-assistant-guide-ready{color:color-mix(in srgb, #34d399 75%, var(--text));align-items:center;gap:6px;display:flex}.chat-messages .mode-assistant-guide{margin:4px 0 8px}.style-panel-top .mode-assistant-guide.variant-compact{margin-top:8px}.style-panel-top .mode-assistant-guide.surface-constructor{box-shadow:none;background:0 0;border:none;gap:8px;padding:0}.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-assets{scrollbar-width:thin;flex-wrap:nowrap;padding-bottom:2px;overflow:auto hidden}.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-asset{flex:0 0 96px;max-width:96px;padding:4px}.mode-assistant-constructor-ready-line{color:color-mix(in srgb, #34d399 80%, var(--text));border:1px solid color-mix(in srgb, #34d399 28%, var(--border-subtle));background:color-mix(in srgb, #34d399 8%, var(--surface-1));border-radius:8px;align-items:flex-start;gap:6px;margin:0;padding:6px 8px;font-size:.72rem;line-height:1.4;display:flex}.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-hero,.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-hero--ready{border-radius:8px;padding:6px 8px}.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-hero-title{font-size:.78rem}.style-panel-top .mode-assistant-guide.surface-constructor .mode-assistant-material-actions.is-constructor-row{flex-wrap:nowrap}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-guide-steps{gap:4px}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-step{padding:6px 8px}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-step-title-row strong{font-size:.7rem}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-step-where{font-size:.64rem;line-height:1.35}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-guide-foot,.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-guide-tagline{display:none}.style-panel-top .mode-assistant-guide.variant-compact .mode-assistant-guide-mode{font-size:.68rem}.mode-assistant-guide[data-mode=logo-merge] .mode-assistant-guide-mode{color:color-mix(in srgb, #f59e0b 80%, var(--text))}.mode-assistant-guide[data-mode=zodiac] .mode-assistant-guide-mode{color:color-mix(in srgb, #a78bfa 80%, var(--text))}.chat-thread-toolbar{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface-2) 96%, transparent), color-mix(in srgb, var(--surface) 92%, transparent));-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px 8px;display:flex}.chat-thread-toolbar-title{min-width:0;color:var(--text);white-space:nowrap;text-overflow:ellipsis;letter-spacing:.01em;font-size:.76rem;font-weight:700;overflow:hidden}.chat-thread-toolbar-actions{flex-shrink:0;align-items:center;gap:5px;display:flex}.chat-thread-toolbar-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-1) 88%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:5px 10px;font-size:.64rem;font-weight:650;transition:border-color .14s,color .14s,background .14s,box-shadow .14s;display:inline-flex}.chat-thread-toolbar-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--link) 34%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, var(--surface-1));box-shadow:0 2px 10px color-mix(in srgb, var(--link) 10%, transparent)}.chat-messages{background:radial-gradient(ellipse 120% 80% at 50% -20%, color-mix(in srgb, var(--link) 5%, transparent), transparent 55%), linear-gradient(180deg, color-mix(in srgb, var(--surface) 30%, transparent) 0%, transparent 140px);gap:14px;padding:12px 12px 24px}.chat-workspace-intro{flex-direction:column;align-self:stretch;gap:0;width:100%;max-width:100%;margin:0 auto;display:flex}.chat-empty-intro{text-align:left;flex-direction:column;align-self:stretch;gap:10px;width:100%;max-width:100%;margin:0;padding:16px 14px;display:flex}.chat-empty-intro-title{color:var(--text);margin:0;font-size:.92rem;font-weight:650}.chat-empty-intro-lead{color:var(--muted);margin:0;font-size:.78rem;line-height:1.45}.chat-empty-intro-hints{border-top:1px dashed var(--border-subtle);text-align:left;flex-direction:column;gap:6px;margin-top:10px;padding-top:10px;display:flex}.chat-empty-intro-hints .mode-assistant-chat-hints-row{justify-content:center}.chat-workspace-hints{display:none}.mode-assistant-guide.surface-chat,.mode-assistant-guide.surface-constructor{border:1px solid color-mix(in srgb, var(--border-subtle) 86%, var(--accent));background:linear-gradient(165deg, color-mix(in srgb, var(--surface-2) 96%, transparent), color-mix(in srgb, var(--surface) 98%, transparent));border-radius:14px;gap:10px;width:100%;max-width:none;margin:0;padding:12px;box-shadow:0 10px 28px #00000029}.mode-assistant-materials,.mode-assistant-nav-block{flex-direction:column;gap:5px;display:flex}.mode-assistant-section-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.56rem;font-weight:700}.mode-assistant-assets{flex-wrap:wrap;gap:6px;display:flex}.mode-assistant-asset{border:1px solid var(--border-subtle);border-radius:var(--radius-xs,4px);background:color-mix(in srgb, var(--surface-1) 80%, transparent);flex-direction:column;flex:150px;gap:4px;min-width:0;max-width:none;padding:6px;display:flex}.mode-assistant-asset.is-selected{border-color:color-mix(in srgb, var(--accent) 55%, var(--border-subtle));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 35%, transparent)}.mode-assistant-asset.is-missing{opacity:.72}.mode-assistant-asset.is-missing .mode-assistant-asset-label{color:var(--muted)}.mode-assistant-asset-swatch{aspect-ratio:4/3;border:1px solid var(--border-subtle);border-radius:6px;width:100%;display:block}.mode-assistant-asset-selected-pill{letter-spacing:.04em;text-transform:uppercase;color:var(--text);background:color-mix(in srgb, var(--accent) 22%, var(--surface));border:1px solid color-mix(in srgb, var(--accent) 40%, var(--border-subtle));border-radius:999px;padding:2px 6px;font-size:.48rem;font-weight:700;position:absolute;top:4px;right:4px}.mode-assistant-asset-preview{cursor:pointer;text-align:left;background:0 0;border:none;border-radius:0;flex-direction:row;align-items:center;gap:7px;width:100%;min-width:0;padding:0;transition:color .12s;display:flex;position:relative}.mode-assistant-asset:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 4%, var(--surface-1))}.mode-assistant-asset-preview:hover .mode-assistant-asset-label{color:var(--text)}.mode-assistant-asset--empty{flex-direction:row;justify-content:flex-start;width:100%;max-width:none;min-height:44px;padding:7px 8px}.mode-assistant-asset-img{object-fit:contain;border-radius:var(--radius-xs,4px);background:color-mix(in srgb, var(--surface-2) 80%, #000);flex-shrink:0;width:36px;height:36px}.mode-assistant-asset-placeholder{border-radius:var(--radius-xs,4px);background:var(--surface-2);width:40px;height:40px;color:var(--muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.mode-assistant-asset-label{min-width:0;color:var(--text-secondary);text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:.61rem;font-weight:650;line-height:1.2;overflow:hidden}.mode-assistant-asset--empty .mode-assistant-asset-label{text-align:left}.mode-assistant-asset-actions{flex-wrap:wrap;gap:4px;display:flex}.mode-assistant-asset-action{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 78%, transparent);min-height:24px;color:var(--text-secondary);cursor:pointer;border-radius:999px;padding:3px 7px;font-size:.56rem;font-weight:650;line-height:1.2;transition:border-color .12s,background .12s,color .12s}.mode-assistant-asset-action:hover{border-color:color-mix(in srgb, var(--accent) 34%, var(--border-subtle));color:var(--text)}.mode-assistant-asset-action.is-danger:hover{border-color:color-mix(in srgb, #ef4444 40%, var(--border-subtle));color:color-mix(in srgb, #fca5a5 85%, var(--text))}.mode-assistant-material-actions{flex-wrap:wrap;gap:5px;display:flex}.mode-assistant-material-action{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 88%, transparent);min-height:26px;color:var(--text-secondary);letter-spacing:.01em;cursor:pointer;border-radius:999px;padding:4px 10px;font-size:.58rem;font-weight:700;transition:border-color .12s,background .12s,color .12s}.mode-assistant-material-action:hover{border-color:color-mix(in srgb, var(--link) 34%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-1));color:var(--text)}.mode-assistant-tab-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;display:grid}.mode-assistant-tab-nav-btn{border-radius:var(--radius-xs,4px);border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 88%, transparent);min-height:30px;color:var(--text-secondary);cursor:pointer;padding:5px 8px;font-size:.66rem;font-weight:650;transition:border-color .12s,background .12s,color .12s}.mode-assistant-tab-nav-btn:hover{border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle));color:var(--text)}.mode-assistant-tab-nav-btn.is-active{border-color:color-mix(in srgb, var(--link) 40%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, var(--surface-1));color:var(--text)}.mode-assistant-tab-nav-btn.is-current{box-shadow:inset 0 -2px 0 color-mix(in srgb, var(--accent) 70%, transparent)}.mode-assistant-guide.surface-chat .mode-assistant-guide-head,.mode-assistant-guide.surface-constructor .mode-assistant-guide-head{flex-direction:row;justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-assistant-guide.surface-chat .mode-assistant-guide-title-wrap,.mode-assistant-guide.surface-constructor .mode-assistant-guide-title-wrap{width:100%}.mode-assistant-guide.surface-chat .mode-assistant-guide-mode,.mode-assistant-guide.surface-constructor .mode-assistant-guide-mode{color:var(--text);font-size:.78rem;font-weight:700}.mode-assistant-guide.surface-chat .mode-assistant-guide-progress,.mode-assistant-guide.surface-constructor .mode-assistant-guide-progress{color:var(--muted);border:1px solid var(--border-subtle);background:var(--surface-1);padding:2px 7px;font-size:.62rem;font-weight:650}.mode-assistant-progress-dots{align-items:center;gap:5px;display:flex}.mode-assistant-progress-dot{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:999px;flex-shrink:0;width:6px;height:6px}.mode-assistant-progress-dot.is-done{background:color-mix(in srgb, var(--success,#3ecf8e) 75%, var(--surface-1));border-color:color-mix(in srgb, var(--success,#3ecf8e) 50%, var(--border-subtle))}.mode-assistant-progress-dot.is-current{background:color-mix(in srgb, var(--accent) 85%, var(--surface-1));border-color:color-mix(in srgb, var(--accent) 60%, var(--border-subtle));width:8px;height:8px;box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 18%, transparent)}.mode-assistant-progress-dot.is-pending{opacity:.45}.mode-assistant-hero{border-radius:var(--radius-xs,4px);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 5%, var(--surface-1));flex-direction:column;gap:5px;padding:9px;display:flex}.mode-assistant-hero--ready{border-color:color-mix(in srgb, var(--success,#3ecf8e) 28%, var(--border-subtle));background:color-mix(in srgb, var(--success,#3ecf8e) 7%, var(--surface-1))}.mode-assistant-hero-kicker{letter-spacing:.02em;text-transform:uppercase;color:var(--muted);align-items:center;gap:5px;margin:0;font-size:.58rem;font-weight:650;display:flex}.mode-assistant-hero-title{color:var(--text);margin:0;font-size:.82rem;font-weight:700;line-height:1.25}.mode-assistant-hero-detail{color:var(--text-secondary,var(--muted));margin:0;font-size:.68rem;line-height:1.4}.mode-assistant-hero-cta{align-self:flex-start;min-height:28px;margin-top:2px;font-size:.64rem;font-weight:650}.mode-assistant-upcoming{color:var(--muted);margin:0;font-size:.62rem;line-height:1.4}.mode-assistant-upcoming-label{color:var(--text-secondary,var(--muted));margin-right:4px;font-weight:650}.mode-assistant-chat-hints-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0;font-size:.56rem;font-weight:650}.mode-assistant-chat-hint-chip{border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--text-secondary,var(--text));cursor:pointer;border-radius:999px;padding:3px 7px;font-size:.58rem;line-height:1.25;transition:border-color .12s,background .12s,color .12s}.mode-assistant-chat-hint-chip:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 8%, var(--surface-1));color:var(--text)}.mode-assistant-guide.surface-chat .mode-assistant-guide-tagline,.mode-assistant-tab-strip{display:none}.mode-assistant-step--chat{border-radius:var(--radius-xs,4px);grid-template-columns:unset;background:0 0;border:none;flex-wrap:wrap;align-items:center;gap:4px 6px;padding:3px 5px;display:flex}.mode-assistant-step-chat-row-btn{cursor:pointer;text-align:left;min-width:0;font:inherit;color:inherit;background:0 0;border:none;flex:auto;align-items:center;gap:4px 6px;padding:0;display:flex}.mode-assistant-step-chat-row-btn:hover .mode-assistant-step-chat-title{color:var(--text)}.mode-assistant-step-chat-tab{border:1px solid color-mix(in srgb, var(--accent) 28%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 8%, var(--surface-1));color:color-mix(in srgb, var(--accent) 85%, var(--text));border-radius:999px;flex-shrink:0;margin-left:auto;padding:1px 6px;font-size:.56rem;font-weight:650}.mode-assistant-step-chat-tab.is-muted{border-color:var(--border-subtle);color:var(--muted);background:0 0;font-weight:600}.mode-assistant-guide.surface-chat.no-foot .mode-assistant-guide-steps{margin-bottom:0}.mode-assistant-guide.surface-chat.no-foot{padding-bottom:8px}.mode-assistant-chat-hints-details{border-top:1px dashed var(--border-subtle);margin-top:2px;padding-top:4px}.mode-assistant-chat-hints-details>summary{cursor:pointer;color:var(--muted);-webkit-user-select:none;user-select:none;font-size:.58rem;font-weight:650;list-style:none}.mode-assistant-chat-hints-details>summary::-webkit-details-marker{display:none}.mode-assistant-chat-hints-details[open]>summary{margin-bottom:4px}.mode-assistant-chat-hints-details .mode-assistant-chat-hints-row{padding-bottom:2px}.mode-assistant-chat-hints,.mode-assistant-step-chat-link{display:none}.mode-assistant-step--chat.is-current{background:color-mix(in srgb, var(--accent) 9%, var(--surface-1))}.mode-assistant-step--chat.is-done{opacity:.55}.mode-assistant-step--chat .mode-assistant-step-marker{width:16px;height:16px;margin-top:0}.mode-assistant-step-chat-title{min-width:0;color:var(--text);flex:auto;font-size:.68rem;font-weight:600;line-height:1.25}.mode-assistant-step--chat .mode-assistant-step-opt{margin-left:-2px;font-size:.55rem}.mode-assistant-guide.surface-chat .mode-assistant-guide-foot{border-top:1px solid var(--border-subtle);margin-top:2px;padding-top:6px}.mode-assistant-guide-ready--compact{flex-wrap:wrap;gap:4px;font-size:.64rem}.mode-assistant-guide-ready-hint{color:var(--muted);font-weight:500}.mode-assistant-guide-coach--compact{font-size:.64rem;line-height:1.35}.mode-assistant-guide-inline-link{color:color-mix(in srgb, var(--accent) 78%, var(--text));font:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;font-weight:650;text-decoration:underline;display:inline}.mode-assistant-guide-inline-link:hover{color:var(--text)}.mode-assistant-chat-hints{border-top:1px dashed var(--border-subtle);flex-direction:column;gap:5px;padding-top:6px;display:flex}.mode-assistant-chat-hints-label{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-size:.58rem;font-weight:650}.mode-assistant-chat-hints-row{flex-wrap:wrap;gap:4px;display:flex}.mode-assistant-chat-hint-chip{border:1px solid var(--border-subtle);background:var(--surface-1);max-width:100%;color:var(--text-secondary);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:3px 8px;font-size:.6rem;line-height:1.2;transition:border-color .12s,color .12s;overflow:hidden}.mode-assistant-chat-hint-chip:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle))}.mode-assistant-guide.surface-chat .mode-assistant-step-detail,.mode-assistant-guide.surface-chat .mode-assistant-step-where,.mode-assistant-guide.surface-chat .mode-assistant-step-go{display:none}.mode-assistant-step-where-btn{color:color-mix(in srgb, var(--accent) 75%, var(--text-secondary));font:inherit;font-size:inherit;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:underline;display:inline}.mode-assistant-step-where-btn:hover{color:var(--text)}.mode-assistant-guide-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.mode-assistant-guide-ready-actions{flex-wrap:wrap;gap:6px;width:100%;margin-top:4px;display:flex}.chat-debug-status.details{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface-2) 72%, transparent);border-radius:12px;margin:0 0 10px;padding:0;overflow:hidden;box-shadow:inset 0 1px #ffffff0a}.chat-debug-status.details>summary{cursor:pointer;color:var(--text-secondary);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:8px;padding:6px 8px 3px;font-size:.62rem;font-weight:600;list-style:none;display:flex}.chat-debug-status.details>summary::-webkit-details-marker{display:none}.chat-debug-status.details[open]>summary{background:0 0;border-bottom:none}.chat-debug-status-summary-label{color:var(--text-secondary);flex-shrink:0;font-size:.64rem;font-weight:700}.chat-debug-status-flags{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:4px;min-width:0;display:flex}.chat-debug-flag{letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border-subtle);background:var(--surface-1);color:var(--muted);white-space:nowrap;border-radius:999px;padding:1px 5px;font-size:.52rem;font-weight:700}.chat-debug-flag.is-on{border-color:color-mix(in srgb, var(--link) 35%, var(--border-subtle));color:color-mix(in srgb, var(--link) 90%, var(--text));background:color-mix(in srgb, var(--link) 8%, var(--surface-1))}.chat-debug-flag.is-warn{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));color:color-mix(in srgb, var(--accent) 90%, var(--text));background:color-mix(in srgb, var(--accent) 8%, var(--surface-1))}.chat-debug-flag.is-result{text-transform:none;letter-spacing:0;color:var(--text-secondary);font-size:.58rem;font-weight:600}.chat-debug-status.details.is-open-default>summary{pointer-events:none;cursor:default;padding-bottom:4px}.chat-debug-status.details.is-open-default>summary::-webkit-details-marker{content:"";display:none}.chat-debug-status.details.is-open-default>summary::marker{content:"";display:none}.chat-debug-status-toolbar{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;display:grid}.chat-debug-toolbtn{border-radius:var(--radius-xs,4px);border:1px solid var(--border-subtle);background:var(--surface-1);min-width:0;min-height:30px;color:var(--text);cursor:pointer;text-align:center;justify-content:center;align-items:center;padding:4px 5px;transition:border-color .12s,background .12s;display:flex;position:relative}.chat-debug-toolbtn:hover:not(:disabled){border-color:color-mix(in srgb, var(--link) 35%, var(--border-subtle));background:color-mix(in srgb, var(--link) 7%, var(--surface-1))}.chat-debug-toolbtn:disabled{opacity:.45;cursor:not-allowed}.chat-debug-toolbtn-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:.64rem;font-weight:700;line-height:1.2;overflow:hidden}.chat-debug-toolbtn-hint{z-index:20;border-radius:var(--radius-xs,4px);border:1px solid color-mix(in srgb, var(--link) 24%, var(--border-subtle));background:color-mix(in srgb, var(--surface-2) 98%, #000);width:min(210px,72vw);color:var(--text-secondary);text-align:left;opacity:0;visibility:hidden;pointer-events:none;padding:6px 8px;font-size:.58rem;line-height:1.35;transition:opacity .12s,transform .12s,visibility .12s;position:absolute;top:calc(100% + 6px);left:0;transform:translateY(-2px);box-shadow:0 10px 24px #00000047}.chat-debug-toolbtn:hover:not(:disabled) .chat-debug-toolbtn-hint,.chat-debug-toolbtn:focus-visible .chat-debug-toolbtn-hint{opacity:1;visibility:visible;transform:translateY(0)}.chat-debug-status-foot{color:var(--muted);margin:5px 0 0;font-size:.56rem;line-height:1.35}.chat-debug-status-lead{color:var(--muted);margin:0 0 8px;font-size:.62rem;line-height:1.35}.chat-debug-status-pill{border:1px solid var(--border-subtle);color:var(--muted);background:var(--surface-1);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;max-width:min(100%,220px);padding:1px 6px;font-size:.58rem;font-weight:500;overflow:hidden}.chat-debug-status-actions--row{flex-wrap:wrap;gap:5px;display:flex}.chat-debug-status-actions--row .btn.sm{min-height:26px;padding:4px 8px;font-size:.62rem}.chat-debug-status-parse--muted{margin-top:6px;font-style:italic}.chat-bubble.ai{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);border-left:3px solid color-mix(in srgb, var(--accent-ai,var(--link)) 72%, var(--border-subtle));background:linear-gradient(165deg, color-mix(in srgb, var(--surface-2) 96%, transparent) 0%, color-mix(in srgb, var(--surface) 99%, transparent) 48%, color-mix(in srgb, var(--surface-1) 88%, transparent) 100%);border-radius:14px;flex-direction:column;align-self:stretch;align-items:stretch;width:100%;max-width:100%;margin-right:0;padding:0;scroll-margin:12px 0 28px;display:flex;overflow:visible;box-shadow:0 10px 28px #0003,inset 0 1px #ffffff0d}.chat-bubble.ai:has(.bubble-prompt-preview[open]){z-index:2;scroll-margin-bottom:48px}.chat-bubble.ai .chat-bubble-avatar{display:none}.chat-bubble.ai .chat-bubble-head,.chat-bubble.ai .bubble-body{box-sizing:border-box;width:100%;min-width:0}.chat-bubble.ai .bubble-body{flex:auto;min-width:0;padding:14px 14px 16px}.bubble-answer-block{flex-direction:column;gap:8px;min-width:0;display:flex}.bubble-answer-block+.bubble-runtime-status,.bubble-answer-block+.bubble-actions{margin-top:12px}.chat-bubble-head{border-bottom:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);background:linear-gradient(90deg, color-mix(in srgb, var(--accent-ai,var(--link)) 8%, var(--surface-1)), color-mix(in srgb, var(--surface-1) 70%, transparent));justify-content:space-between;align-items:center;gap:8px;padding:11px 14px;display:flex}.chat-bubble-head-title{color:var(--text);align-items:center;gap:8px;font-size:.74rem;font-weight:700;display:inline-flex}.chat-bubble-head-title svg{border:1px solid color-mix(in srgb, var(--accent-ai,var(--link)) 28%, var(--border-subtle));background:color-mix(in srgb, var(--accent-ai,var(--link)) 12%, transparent);width:22px;height:22px;color:color-mix(in srgb, var(--accent-ai,var(--link)) 88%, var(--text));border-radius:8px;padding:4px}.chat-bubble-intent{border:1px solid var(--border-subtle);color:var(--muted);text-transform:uppercase;letter-spacing:.06em;background:color-mix(in srgb, var(--surface-1) 90%, transparent);border-radius:999px;padding:3px 9px;font-size:.56rem;font-weight:700}.chat-bubble-intent.is-generate{color:color-mix(in srgb, #34d399 90%, var(--text));border-color:color-mix(in srgb, #34d399 38%, var(--border-subtle));background:color-mix(in srgb, #34d399 10%, var(--surface-1))}.chat-bubble-intent.is-prompt{color:color-mix(in srgb, #93c5fd 92%, var(--text));border-color:color-mix(in srgb, #93c5fd 38%, var(--border-subtle));background:color-mix(in srgb, #93c5fd 10%, var(--surface-1))}.chat-bubble.user{border:1px solid color-mix(in srgb, var(--link) 32%, var(--border-subtle));background:linear-gradient(135deg, color-mix(in srgb, var(--link) 14%, var(--surface-2)), color-mix(in srgb, var(--link) 6%, var(--surface)));max-width:min(100%,380px);box-shadow:0 6px 18px color-mix(in srgb, var(--link) 12%, transparent);border-radius:16px 16px 4px;flex-direction:row;align-self:flex-end;margin-left:16px;padding:10px 14px 10px 12px}.chat-bubble.user .chat-bubble-avatar{border-radius:999px;width:26px;height:26px;margin-top:0}.bubble-runtime-status{border:1px dashed color-mix(in srgb, var(--accent) 28%, var(--border-subtle));background:color-mix(in srgb, var(--surface-2) 82%, transparent);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;display:flex}.bubble-runtime-badge{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 92%, transparent);color:var(--text-secondary);letter-spacing:.03em;text-transform:uppercase;white-space:nowrap;border-radius:999px;align-items:center;padding:2px 8px;font-size:.58rem;font-weight:650;display:inline-flex}.bubble-runtime-badge.is-dry{color:color-mix(in srgb, #fbbf24 92%, var(--text));border-color:color-mix(in srgb, #fbbf24 36%, var(--border-subtle));background:color-mix(in srgb, #fbbf24 10%, var(--surface-1))}.bubble-runtime-badge.is-warn{color:color-mix(in srgb, #fb923c 92%, var(--text));border-color:color-mix(in srgb, #fb923c 34%, var(--border-subtle));background:color-mix(in srgb, #fb923c 9%, var(--surface-1));text-transform:none}.bubble-runtime-badge.is-ok{color:color-mix(in srgb, #34d399 90%, var(--text));border-color:color-mix(in srgb, #34d399 34%, var(--border-subtle));background:color-mix(in srgb, #34d399 9%, var(--surface-1));text-transform:none}.bubble-actions{border-top:1px solid color-mix(in srgb, var(--border-subtle) 85%, transparent);gap:12px;margin-top:14px;padding-top:14px}.bubble-action-section-label{text-transform:uppercase;letter-spacing:.08em;color:color-mix(in srgb, var(--muted) 92%, var(--text-secondary));margin:0 0 6px;font-size:.56rem;font-weight:700}.bubble-action-group{flex-direction:column;gap:8px;display:flex}.bubble-action-row.primary-row{flex-wrap:wrap;align-items:stretch;gap:8px;display:flex}.bubble-action-row.primary-row .btn.accent,.bubble-action-row.primary-row .btn.primary{min-height:38px;box-shadow:0 6px 18px color-mix(in srgb, var(--accent-ai,var(--link)) 24%, transparent);border-radius:10px;flex:140px;justify-content:center;font-size:.76rem;font-weight:700}.bubble-action-row.primary-row .btn.ghost{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 90%, transparent);min-height:38px;color:var(--text-secondary);border-radius:10px;flex:0 auto;font-weight:650}.bubble-action-row.primary-row .btn.ghost:hover:not(:disabled){color:var(--text);border-color:color-mix(in srgb, var(--link) 30%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-1))}.bubble-nav-row{flex-wrap:wrap;gap:6px;display:flex}.bubble-nav-btn{border:1px solid color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface-1) 92%, transparent);color:var(--text-secondary);cursor:pointer;border-radius:999px;align-items:center;gap:5px;padding:6px 11px;font-size:.66rem;font-weight:650;transition:border-color .14s,color .14s,background .14s,transform .12s;display:inline-flex}.bubble-nav-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--link) 34%, var(--border-subtle));background:color-mix(in srgb, var(--link) 9%, var(--surface-1));transform:translateY(-1px)}.bubble-utility-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.bubble-understanding{border:1px solid color-mix(in srgb, var(--link) 22%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-2));border-radius:10px;flex-direction:column;gap:3px;margin-bottom:8px;padding:7px 10px;display:flex}.bubble-understanding-label{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-size:.58rem;font-weight:700}.bubble-understanding-text{color:var(--text-secondary);font-size:.72rem;line-height:1.4}.bubble-paragraph.is-understanding-lead{border:1px solid color-mix(in srgb, var(--link) 22%, var(--border-subtle));background:color-mix(in srgb, var(--link) 8%, var(--surface-2));color:var(--text-secondary);border-radius:10px;margin-bottom:6px;padding:6px 10px;font-size:.74rem}.bubble-prompt-chip{border:1px solid color-mix(in srgb, var(--link) 24%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, transparent);max-width:100%;color:var(--text);white-space:nowrap;text-overflow:ellipsis;border-radius:999px;padding:5px 11px;font-size:.68rem;font-weight:600;overflow:hidden}.bubble-formatted{flex-direction:column;gap:9px;width:100%;min-width:0;display:flex}.bubble-paragraph{color:var(--text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;margin:0;font-size:.8rem;line-height:1.55}.bubble-list{border:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:color-mix(in srgb, var(--surface-2) 70%, transparent);border-radius:10px;flex-direction:column;gap:6px;margin:0;padding:10px 12px 10px 1.35rem;display:flex}.bubble-list li{color:var(--text-secondary);font-size:.78rem;line-height:1.45}.chat-gen-card{flex-direction:column;align-self:stretch;width:100%;max-width:100%;padding:0;overflow:hidden}.chat-gen-card.is-success{border-left-color:color-mix(in srgb, #34d399 72%, var(--border-subtle))}.chat-gen-card.is-error{border-left-color:color-mix(in srgb, #f87171 72%, var(--border-subtle));background:linear-gradient(165deg, color-mix(in srgb, #f87171 6%, var(--surface-2)) 0%, color-mix(in srgb, var(--surface) 99%, transparent) 100%)}.chat-gen-head-bar{border-bottom-color:color-mix(in srgb, var(--border-subtle) 80%, transparent)}.chat-gen-head-bar.is-error{background:linear-gradient(90deg, color-mix(in srgb, #f87171 10%, var(--surface-1)), color-mix(in srgb, var(--surface-1) 70%, transparent))}.chat-gen-head-bar.is-error .chat-bubble-head-title svg{border-color:color-mix(in srgb, #f87171 32%, var(--border-subtle));color:color-mix(in srgb, #fca5a5 92%, var(--text));background:#f871711f}.chat-gen-card.is-success .chat-bubble-head-title svg{border-color:color-mix(in srgb, #34d399 32%, var(--border-subtle));color:color-mix(in srgb, #6ee7b7 92%, var(--text));background:#34d3991f}.chat-gen-body{padding:12px 14px 14px}.chat-gen-body .chat-generated-image-btn{border-radius:12px;transition:box-shadow .16s,transform .12s;overflow:hidden}.chat-gen-body .chat-generated-image-btn:hover{transform:translateY(-1px)}.chat-gen-body .chat-generated-image{border:1px solid color-mix(in srgb, var(--border-subtle) 90%, transparent);background:color-mix(in srgb, var(--surface-2) 88%, #000);border-radius:12px;max-height:240px}.chat-gen-body .chat-generated-image-btn.active .chat-generated-image{border-color:color-mix(in srgb, var(--accent-ai,var(--link)) 55%, var(--border-subtle));box-shadow:0 0 0 2px color-mix(in srgb, var(--accent-ai,var(--link)) 22%, transparent), 0 10px 24px color-mix(in srgb, var(--accent-ai,var(--link)) 14%, transparent)}.chat-gen-meta{border-top:1px dashed color-mix(in srgb, var(--border-subtle) 85%, transparent);margin-top:10px;padding-top:10px}.chat-live-footer-zone .chat-live-status-footer{border:1px solid color-mix(in srgb, currentColor 22%, var(--border-subtle));background:color-mix(in srgb, var(--surface-1) 88%, transparent);border-radius:12px;padding:10px 12px;box-shadow:inset 0 1px #ffffff0a}.chat-live-footer-zone .chat-live-progress-meter,.chat-live-footer-zone .chat-live-progress{border-radius:999px;height:5px}.chat-live-footer-zone .chat-live-action{letter-spacing:.05em;padding:3px 8px;font-size:.58rem}.chat-live-footer-zone .chat-live-text{font-size:.74rem}.chat-debug-status.details>summary{padding:8px 10px 6px}.chat-debug-status-body{padding:4px 10px 10px}.chat-debug-toolbtn{border-radius:8px;min-height:32px}.chat-debug-flag.is-on{box-shadow:0 0 0 1px color-mix(in srgb, var(--link) 12%, transparent)}.mode-assistant-hero{border-radius:12px;padding:11px 12px}.mode-assistant-hero-title{font-size:.86rem}.chat-panel .chat-input{border-top:1px solid color-mix(in srgb, var(--border-subtle) 88%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--surface) 92%, transparent), color-mix(in srgb, var(--bg-deep) 98%, transparent));padding:10px 12px 12px}.chat-panel .chat-input-text-wrap{border-color:color-mix(in srgb, var(--border-subtle) 92%, transparent);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:12px;box-shadow:inset 0 1px #ffffff0a}.chat-panel .chat-input-send-inline{box-shadow:0 4px 14px color-mix(in srgb, var(--link) 18%, transparent);border-radius:10px}.chat-panel .error-banner{border-radius:10px;margin:0 12px 8px;padding:10px 12px}.bubble-inline-tag{border-radius:6px;padding:1px 6px;font-size:.9em;font-weight:600}@media (width<=860px){.chat-bubble.user{max-width:min(100%,320px);margin-left:8px}.bubble-action-row.primary-row .btn.accent,.bubble-action-row.primary-row .btn.primary{flex:100%}.chat-debug-status-toolbar{grid-template-columns:repeat(4,minmax(0,1fr))}}.settings-workspace{flex-direction:column;gap:12px;padding:4px 0 12px;display:flex}.settings-workspace-lead{color:var(--text-secondary);margin:0;padding:0 4px;font-size:.72rem;line-height:1.45}.settings-card{border-radius:var(--radius-md);border:1px solid var(--border-subtle);background:linear-gradient(165deg, color-mix(in srgb, var(--surface-2) 92%, var(--accent) 4%) 0%, color-mix(in srgb, var(--surface) 98%, transparent) 55%, var(--surface-2) 100%);flex-direction:column;gap:10px;padding:12px 12px 11px;display:flex;box-shadow:0 1px #ffffff08,0 8px 20px #00000029}.settings-card-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.settings-card-title{letter-spacing:.02em;color:var(--text);margin:0;font-size:.74rem;font-weight:700}.settings-card-desc{color:var(--muted);margin:2px 0 0;font-size:.66rem;line-height:1.35}.settings-toggle-list,.settings-toggle-row{flex-direction:column;gap:6px;display:flex}.settings-toggle-label{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface) 70%, transparent);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:9px 10px;transition:border-color .12s,background .12s;display:flex}.settings-toggle-label:hover{border-color:color-mix(in srgb, var(--accent) 22%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 5%, var(--surface))}.settings-toggle-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-toggle-copy strong{color:var(--text);font-size:.72rem;font-weight:650;line-height:1.25}.settings-toggle-copy small{color:var(--muted);font-size:.64rem;line-height:1.35}.settings-switch{flex-shrink:0;width:34px;height:20px;position:relative}.settings-switch input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.settings-switch-track{border:1px solid var(--border);background:var(--surface-2);border-radius:999px;width:100%;height:100%;transition:background .15s,border-color .15s;display:block}.settings-switch-track:after{content:"";background:var(--text-secondary);border-radius:50%;width:14px;height:14px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.settings-switch input:checked+.settings-switch-track{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));background:color-mix(in srgb, var(--accent) 28%, var(--surface-2))}.settings-switch input:checked+.settings-switch-track:after{background:var(--accent);transform:translate(14px)}.settings-switch input:focus-visible+.settings-switch-track{outline:2px solid color-mix(in srgb, var(--accent) 45%, transparent);outline-offset:2px}.settings-toggle-extra{padding:0 4px 2px}.settings-inline-actions{flex-wrap:wrap;gap:6px;display:flex}.settings-action-btn{border:1px solid var(--border-subtle);background:var(--surface);color:var(--text-secondary);cursor:pointer;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;font-size:.68rem;font-weight:600;transition:border-color .12s,color .12s,background .12s;display:inline-flex}.settings-action-btn:hover{color:var(--text);border-color:color-mix(in srgb, var(--accent) 30%, var(--border-subtle));background:color-mix(in srgb, var(--accent) 7%, var(--surface))}.settings-action-btn.primary{border-color:color-mix(in srgb, var(--accent) 35%, var(--border-subtle));color:var(--text);background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.settings-action-btn.danger{border-color:color-mix(in srgb, var(--danger,#ef4444) 35%, var(--border-subtle));color:color-mix(in srgb, var(--danger,#ef4444) 85%, var(--text))}.settings-action-btn.danger:hover{background:color-mix(in srgb, var(--danger,#ef4444) 10%, var(--surface))}.settings-quick-nav{grid-template-columns:1fr 1fr;gap:6px;display:grid}.settings-quick-nav .settings-action-btn{justify-content:center;width:100%}.settings-status-pill{letter-spacing:.02em;border-radius:999px;align-items:center;gap:5px;padding:3px 8px;font-size:.62rem;font-weight:650;display:inline-flex}.settings-status-pill.ok{border:1px solid color-mix(in srgb, #22c55e 35%, var(--border-subtle));color:#86efac;background:#22c55e1f}.settings-status-pill.warn{border:1px solid color-mix(in srgb, #f59e0b 35%, var(--border-subtle));color:#fcd34d;background:#f59e0b1f}.settings-status-pill.unknown{border:1px solid var(--border-subtle);color:var(--muted);background:var(--surface)}.settings-storage-issues{color:var(--muted);margin:0;padding-left:16px;font-size:.64rem;line-height:1.4}.settings-action-btn.block{justify-content:center;width:100%}.settings-data-grid{grid-template-columns:1fr 1fr;gap:6px;display:grid}.settings-data-grid .settings-action-btn{justify-content:center}.settings-data-grid .settings-action-btn.span-2{grid-column:1/-1}.left-tools-stack-head.settings-head{flex-direction:column;align-items:flex-start;gap:2px}.left-tools-stack-head.settings-head small{color:var(--muted);font-size:.66rem;font-weight:500}.moodboard-view{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.moodboard-toolbar{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px}.moodboard-toolbar .moodboard-title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);font-size:.72rem;font-weight:700}.moodboard-filters{align-items:center;gap:6px;display:flex}.moodboard-filters select{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:var(--radius-sm);max-width:120px;padding:4px 6px;font-size:.68rem}.moodboard-body{flex:1;min-height:0;display:flex;overflow:hidden}.moodboard-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));align-content:start;gap:8px;padding:10px;display:grid;overflow:auto}.moodboard-grid.virtualized .moodboard-card{min-height:104px}.moodboard-virtual-spacer{pointer-events:none;grid-column:1/-1;width:100%}.moodboard-card{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);transition:border-color .15s,box-shadow .15s;position:relative;overflow:hidden}.moodboard-card-hit{cursor:pointer;text-align:left;width:100%;color:inherit;background:0 0;border:none;padding:0;display:block}.moodboard-card:hover,.moodboard-card.active{border-color:var(--border-strong);box-shadow:var(--glow-active)}.moodboard-thumb{aspect-ratio:2.24;object-fit:cover;background:var(--bg-deep);width:100%;display:block}.moodboard-card-meta{flex-direction:column;gap:2px;padding:4px 6px 6px;display:flex}.moodboard-card-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.2;overflow:hidden}.moodboard-card-meta small{color:var(--muted);font-size:.58rem}.moodboard-card-del{z-index:2;color:var(--text);cursor:pointer;opacity:.35;background:#0000008c;border:none;border-radius:4px;padding:3px;transition:opacity .15s;position:absolute;top:4px;right:4px}.moodboard-card:hover .moodboard-card-del,.moodboard-card.active .moodboard-card-del,.moodboard-card-del:focus-visible{opacity:1}@media (hover:none){.moodboard-card-del{opacity:.85}}.moodboard-detail{border-left:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:8px;width:140px;padding:10px;display:flex;overflow:auto}.moodboard-detail-img{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%}.moodboard-prompt{color:var(--muted);max-height:80px;margin:0;font-size:.62rem;line-height:1.35;overflow:auto}.moodboard-empty{color:var(--muted);text-align:center;flex:1;justify-content:center;align-items:center;gap:8px;padding:24px;font-size:.78rem;display:flex}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.variant-badge{color:var(--link);text-transform:uppercase;letter-spacing:.04em;margin-left:6px;font-size:.58rem}.icon-moodboard{color:var(--link)}.ctx-menu{z-index:9999;background:var(--surface-3);border:1px solid var(--border-strong);border-radius:var(--radius-sm);min-width:160px;box-shadow:var(--shadow);padding:4px;position:fixed}.ctx-item{width:100%;color:var(--text);text-align:left;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:8px 10px;font-size:.78rem;display:block}.ctx-item:hover{background:var(--surface-hover)}.ctx-item.danger{color:var(--danger)}.icon-btn.active{background:var(--surface-active);color:var(--text);box-shadow:var(--glow)}.folder-drop-bar{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:6px;padding:6px 10px;display:flex}.folder-chip{border:1px dashed var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:999px;padding:4px 8px;font-size:.68rem}.folder-chip.drop-target{border-color:var(--link);color:var(--text);background:#7eb6ff1f}.drag-hint-inline{color:var(--muted);margin-left:auto;font-size:.6rem}.moodboard-card.dragging{opacity:.55}.drag-handle{z-index:2;color:var(--muted);pointer-events:none;position:absolute;top:4px;left:4px}.board-shell{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.board-controls.studio-canvas-bar,.board-controls{border-bottom:1px solid var(--border-subtle);background:var(--surface);flex-wrap:wrap;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:flex}.board-zoom-label{color:var(--muted);text-align:center;min-width:36px;font-size:.65rem}.board-connect-hint{color:var(--link);align-items:center;gap:4px;margin-left:8px;font-size:.65rem;display:inline-flex}.board-viewport{cursor:grab;flex:1;position:relative;overflow:hidden}.board-viewport:active{cursor:grabbing}.board-world{transform-origin:0 0;width:4000px;height:3000px;position:absolute;top:0;left:0}.board-edges{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.board-edge{fill:none;stroke:var(--border-strong);stroke-width:2px;opacity:.55}.board-edge.kind-derived{stroke:var(--link);stroke-width:2.5px;opacity:.75}.board-edge.kind-reference{stroke:var(--accent,#fbbf24);stroke-dasharray:6 4}.board-edge.kind-merge{stroke:#a78bfa;stroke-width:2px}.board-edge.drafting{stroke:var(--link);stroke-dasharray:4 4;opacity:.9}.board-edge.chain-lit{stroke:var(--link);stroke-width:3px;opacity:1;filter:drop-shadow(0 0 4px #7eb6ff80)}.board-node{z-index:1;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);cursor:grab;-webkit-user-select:none;user-select:none;transition:box-shadow .15s,border-color .15s;position:absolute;box-shadow:0 4px 16px #00000040}.board-node:hover{border-color:var(--border-strong)}.board-node.selected{border-color:var(--link);box-shadow:0 0 0 2px #7eb6ff59,0 8px 24px #00000059}.board-node.active-studio{outline:2px solid var(--accent,#fbbf24);outline-offset:2px}.board-node.branch-parent{box-shadow:0 0 0 2px #fbbf2473}.board-node.chain-lit{border-color:var(--link)}.board-node.dragging{cursor:grabbing;z-index:10;opacity:.92}.board-node.connect-target{outline:2px solid var(--link);outline-offset:3px;box-shadow:0 0 0 4px color-mix(in srgb, var(--link) 25%, transparent)}.board-viewport.connect-mode,.board-viewport.connect-mode .board-node{cursor:crosshair}.board-port.in{border:2px solid var(--border-strong);background:var(--surface-1);pointer-events:none;border-radius:50%;width:14px;height:14px;padding:0;position:absolute;top:50%;left:-10px;transform:translateY(-50%)}.board-viewport.connect-mode .board-port.in{border-color:var(--link);background:color-mix(in srgb, var(--link) 20%, transparent)}.board-link-handle{z-index:3;border:1px solid var(--border-strong);background:var(--surface-2);width:20px;height:20px;color:var(--link);cursor:crosshair;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:-10px;transform:translateY(-50%)}.board-link-handle:hover{background:var(--surface-active);border-color:var(--link)}.board-node-thumb{aspect-ratio:2.24;object-fit:cover;border-radius:var(--radius-sm) var(--radius-sm) 0 0;background:var(--bg-deep);pointer-events:none;width:100%;display:block}.board-node-thumb.placeholder{min-height:72px}.board-node-meta{pointer-events:none;padding:6px 8px 8px}.board-node-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;line-height:1.25;display:block;overflow:hidden}.board-node-meta small{color:var(--muted);font-size:.56rem}.board-node-badge{color:var(--link);pointer-events:none;background:#0000008c;border-radius:4px;padding:2px 4px;display:flex;position:absolute;top:6px;left:6px}.board-hint{border-top:1px solid var(--border-subtle);flex-shrink:0;margin:0;padding:4px 10px 8px;font-size:.58rem;line-height:1.35}.board-selection-bar{z-index:6;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);max-width:min(520px,100% - 24px);box-shadow:var(--shadow);align-items:center;gap:10px;padding:6px 10px;display:flex;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.board-selection-label{white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.72rem;font-weight:600;overflow:hidden}.board-selection-actions{flex-shrink:0;align-items:center;gap:6px;margin-left:auto;display:flex}.moodboard-detail-panel{border-left:1px solid var(--border-subtle);background:var(--surface);flex-direction:column;flex-shrink:0;gap:8px;width:min(160px,28vw);padding:10px;display:flex;overflow:auto}.moodboard-detail-panel img{border-radius:var(--radius-sm);border:1px solid var(--border);width:100%}.moodboard-detail-panel h4{margin:0;font-size:.72rem;line-height:1.3}.moodboard-detail-panel .detail-actions{flex-direction:column;gap:4px;display:flex}.moodboard-detail-panel .detail-actions .btn{justify-content:center;font-size:.68rem}.moodboard-body.board-layout{flex:1;min-height:0;display:flex}.board-shell{flex:1;min-width:0}.board-controls-spacer,.studio-canvas-bar-spacer.board-controls-spacer{flex:1;min-width:8px}.board-viewport.space-pan,.board-viewport.is-panning{cursor:grabbing}.board-minimap{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:crosshair;flex-shrink:0;overflow:hidden}.board-minimap-bg{fill:var(--surface-2)}.board-minimap-node{fill:var(--border-strong)}.board-minimap-node.selected{fill:var(--link)}.board-minimap-viewport{fill:none;stroke:var(--link);stroke-width:1.5px;pointer-events:none}.board-minimap-group{fill:color-mix(in srgb, var(--link) 8%, transparent);stroke:var(--border-strong);stroke-width:1px;stroke-dasharray:3 2;pointer-events:none}.board-minimap-group.selected{stroke:var(--link);stroke-width:1.5px;fill:color-mix(in srgb, var(--link) 14%, transparent)}.board-connect-hint.merge-pending{color:#a78bfa}.board-node.merge-pending-node{outline-offset:2px;outline:2px dashed #a78bfa}.board-node-badge.merge{color:#a78bfa}.board-group-frame{border:2px dashed var(--border-strong);background:color-mix(in srgb, var(--link) 6%, transparent);pointer-events:none;z-index:0;border-radius:10px;position:absolute}.board-group-frame.selected{border-color:var(--link);background:color-mix(in srgb, var(--link) 10%, transparent)}.board-group-frame.dragging{opacity:.92}.board-group-label{color:var(--text-secondary);background:var(--surface-1);border-bottom:1px solid var(--border-subtle);pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;border-radius:8px 8px 0 0;justify-content:space-between;align-items:center;gap:6px;padding:2px 8px;font-size:.62rem;font-weight:600;display:flex;position:absolute;top:0;left:0;right:0}.board-group-label:active{cursor:grabbing}.board-group-count{color:var(--muted);font-size:.58rem;font-weight:500}.preview-compare-bar{z-index:4;border-radius:var(--radius);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow);background:#0c0c0ce0;align-items:center;gap:4px;padding:4px 6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.compare-bar-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 8px;font-size:.68rem;font-weight:500;display:inline-flex}.compare-bar-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.compare-bar-btn.active{background:var(--surface-active);color:var(--text);box-shadow:var(--glow)}.compare-bar-btn:disabled{opacity:.35;cursor:default}.compare-bar-btn.danger{color:var(--danger)}.compare-bar-btn.danger:hover:not(:disabled){background:#f871711f}.compare-bar-btn.icon-only{padding:4px 6px}.compare-bar-sep{background:var(--border);width:1px;height:18px;margin:0 2px}.preview-workflow-strip{z-index:3;gap:8px;padding:2px 2px 8px;display:flex;position:absolute;top:56px;left:14px;right:14px;overflow-x:auto}.preview-restored-indicator{z-index:4;color:var(--text);text-overflow:ellipsis;white-space:nowrap;background:#161e16eb;border:1px solid #7ee0a173;border-radius:999px;max-width:min(360px,52vw);padding:3px 10px;font-size:.64rem;position:absolute;top:56px;right:14px;overflow:hidden}.preview-workflow-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0e1014e6;flex-direction:column;gap:6px;min-width:140px;max-width:180px;padding:6px;display:flex}.preview-workflow-card.prompt{flex:280px;grid-template-columns:auto auto 1fr;align-items:start;gap:6px 8px;min-width:240px;max-width:320px;display:grid}.preview-workflow-format{letter-spacing:.04em;text-transform:uppercase;border:1px solid color-mix(in srgb, var(--border-subtle) 80%, transparent);color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 88%, transparent);border-radius:999px;align-items:center;padding:1px 7px;font-size:.52rem;font-weight:700;display:inline-flex}.preview-workflow-format.is-json{border-color:color-mix(in srgb, #6366f1 45%, var(--border-subtle));color:color-mix(in srgb, #6366f1 82%, var(--text))}.preview-workflow-format.is-text{border-color:color-mix(in srgb, #22c55e 40%, var(--border-subtle));color:color-mix(in srgb, #16a34a 78%, var(--text))}.preview-workflow-card.prompt p{-webkit-line-clamp:8;white-space:normal;word-break:break-word;-webkit-box-orient:vertical;grid-column:1/-1;display:-webkit-box;overflow:hidden}.preview-workflow-card.prompt.is-truncated p{cursor:help}.preview-workflow-card p{color:var(--text-secondary);margin:0;font-size:.66rem;line-height:1.35}.preview-workflow-card img{aspect-ratio:220/98;object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;width:100%}.preview-workflow-card-loading{justify-content:center}.preview-workflow-progress{width:100%;height:8px}.preview-workflow-chip{letter-spacing:.06em;text-transform:uppercase;width:fit-content;color:var(--text-secondary);background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:999px;align-items:center;padding:2px 6px;font-size:.56rem;font-weight:700;display:inline-flex}.compare-mugs{justify-content:center;align-items:flex-start;gap:20px;width:100%;max-width:900px;display:flex}.compare-col{flex-direction:column;flex:1;align-items:center;gap:6px;min-width:0;display:flex}.compare-col small{color:var(--muted);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:.68rem;overflow:hidden}.compare-tag{color:var(--text-secondary);letter-spacing:.08em;font-size:.7rem;font-weight:700}.compare-mugs.compare-partial .compare-col{max-width:48%}.compare-mug.empty-slot{border:2px dashed var(--border);background:var(--surface-2);justify-content:center;align-items:center;min-height:120px;font-size:.75rem;display:flex}.compare-tag.muted{opacity:.5}.compare-slider{transform-origin:50%;cursor:ew-resize;-webkit-user-select:none;user-select:none;touch-action:none;border-radius:var(--radius-sm);width:min(92vw,720px);max-width:100%;box-shadow:var(--glow-active);position:relative;overflow:hidden}.compare-slider-img{object-fit:cover;width:100%;height:auto;display:block}.compare-slider-after{z-index:0;position:relative}.compare-slider-before-wrap{z-index:1;position:absolute;inset:0;overflow:hidden}.compare-slider-before{object-fit:cover;width:100%;height:100%}.compare-slider-labels{z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-start;padding:8px 10px;display:flex;position:absolute;inset:0}.compare-slider-label{letter-spacing:.1em;text-transform:uppercase;color:var(--text);background:#0000008c;border-radius:4px;padding:3px 8px;font-size:.62rem;font-weight:700}.compare-slider-divider{z-index:3;background:var(--highlight);pointer-events:none;width:2px;margin-left:-1px;position:absolute;top:0;bottom:0;box-shadow:0 0 8px #ffffff59}.compare-slider-knob{border:2px solid var(--highlight);background:#0c0c0cd9;border-radius:50%;width:28px;height:28px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 2px 12px #00000073}.compare-slider-knob:before,.compare-slider-knob:after{content:"";border:5px solid #0000;width:0;height:0;position:absolute;top:50%;transform:translateY(-50%)}.compare-slider-knob:before{border-right-color:var(--text);left:4px}.compare-slider-knob:after{border-left-color:var(--text);right:4px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.carousel-thumb-wrap{flex:none;position:relative}.carousel-thumb-del{z-index:2;color:var(--text);cursor:pointer;opacity:0;background:#0009;border:none;border-radius:3px;padding:2px;transition:opacity .12s;position:absolute;top:2px;right:2px}.carousel-thumb-wrap:hover .carousel-thumb-del,.carousel-thumb-wrap:focus-within .carousel-thumb-del,.carousel-thumb-del:focus-visible{opacity:1}@media (hover:none){.carousel-thumb-del{opacity:.9}}.version-strip{border-top:1px solid var(--border-subtle);background:var(--surface-1);align-items:center;gap:8px;min-height:0;padding:6px 10px;display:flex}.version-strip-label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;flex-shrink:0;font-size:.62rem;font-weight:600}.version-strip--panel{border-top:1px solid var(--border-strong);background:var(--surface);flex-direction:column;flex-shrink:0;align-items:stretch;gap:8px;margin:0;padding:10px 12px}.version-strip-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.version-strip-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.version-strip-draft{align-items:center;gap:12px;padding:4px 0;display:flex}.version-strip-draft-thumb{border-radius:var(--radius-sm);border:1px dashed var(--border-strong);flex-shrink:0;width:72px;position:relative;overflow:hidden}.version-strip-draft-thumb img{aspect-ratio:220/98;object-fit:cover;width:100%;display:block}.version-strip-draft-thumb .version-strip-ver{text-align:center;color:var(--text-secondary);background:#000000a6;border-radius:3px;padding:1px 4px;font-size:.55rem;position:absolute;bottom:2px;left:2px;right:2px}.version-strip-hint{color:var(--muted);max-width:42ch;margin:0;font-size:.72rem;line-height:1.4}.version-strip-loading{padding:4px 8px;font-size:.72rem}.version-strip-add{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--muted);cursor:pointer;background:0 0;flex-shrink:0;justify-content:center;align-items:center;margin-left:4px;display:flex}.version-strip-add:hover{border-color:var(--link);color:var(--link);background:color-mix(in srgb, var(--link) 8%, transparent)}.version-strip-export{flex-shrink:0;margin-right:2px}.version-strip-track{scrollbar-width:thin;flex:1;align-items:center;gap:2px;min-width:0;padding-bottom:2px;display:flex;overflow-x:auto}.version-strip-item-wrap{flex-shrink:0;align-items:center;display:flex}.version-strip-arrow{color:var(--muted);flex-shrink:0;margin:0 2px}.version-strip-item{border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:2px solid #0000;flex-direction:column;align-items:center;gap:2px;width:52px;padding:2px;display:flex}.version-strip-item:hover{border-color:var(--border-strong);background:var(--surface-hover)}.version-strip-item.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent)}.version-strip-item img,.version-strip-placeholder{object-fit:cover;background:var(--surface-2);border-radius:4px;width:44px;height:44px}.version-strip-ver{color:var(--text-secondary);font-size:.58rem;font-weight:600}.mug-preview-3d{transform-origin:50%;border:1px solid var(--border-strong);border-radius:var(--panel-preview-radius);background:radial-gradient(at 50% 35%,#1a1a1a 0%,#0c0c0c 70%);flex-direction:column;width:min(100%,572px);height:min(57vh,484px);transition:opacity .22s,transform .26s,filter .22s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 24px #00000073}.mug-preview-3d--updating{opacity:.84;filter:saturate(.92)brightness(.97);transform:scale(.992)}.mug-preview-3d--settling canvas{opacity:.86}.mug-preview-3d-loader{z-index:5;pointer-events:none;background:radial-gradient(ellipse at 50% 55%, color-mix(in srgb, var(--surface) 42%, transparent), transparent 65%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.mug-preview-3d-loader-ring{border:2px solid color-mix(in srgb, var(--border-strong) 66%, transparent);border-top-color:var(--link);border-radius:999px;width:28px;height:28px;animation:.68s linear infinite mug-preview-loader-spin}@keyframes mug-preview-loader-spin{to{transform:rotate(360deg)}}.mug-preview-3d--compact{width:100%;max-width:none;height:min(44vh,374px)}.mug-preview-3d--triptych{width:min(100%,880px)}.mug-preview-3d--compact.mug-preview-3d--triptych{height:min(50vh,440px)}.mug-preview-3d--compact.mug-preview-3d--fill{height:100%;max-height:none}.preview-split--resizable{transform-origin:top;flex:1;align-self:stretch;align-items:stretch;width:100%;max-width:960px;min-height:200px;display:flex}.preview-split--resizable .preview-split-pane{flex-direction:column;gap:6px;min-width:0;min-height:0;display:flex}.preview-split--resizable .preview-split-pane-grow{flex:1;min-width:0}.preview-split--resizable .preview-split-pane-inner{flex:1;justify-content:center;align-items:center;min-height:140px;display:flex;overflow:visible}.preview-split--resizable .preview-split-mug{transform-origin:50%;width:100%;max-width:100%}.preview-split--resizable .preview-split-pane-3d{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:radial-gradient(at 50% 35%,#1a1a1a 0%,#0c0c0c 70%)}.preview-split--resizable .preview-split-3d .mug-preview-3d--fill{height:100%;max-height:none}.preview-stage:has(.preview-split--resizable){justify-content:stretch;align-items:stretch;min-height:280px}.preview-stage:has(.preview-split--resizable) .preview-split-mug{object-fit:contain;width:100%;max-height:100%}.preview-split-resizer{cursor:col-resize;background:0 0;border-radius:4px;flex-shrink:0;width:8px;margin:0 2px;transition:background .12s;position:relative}.preview-split-resizer:after{content:"";background:var(--border-strong);opacity:.55;pointer-events:none;border-radius:2px;width:3px;height:36px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.preview-split-resizer:hover,.preview-split-resizer:active{background:color-mix(in srgb, var(--link) 35%, transparent)}.mug-preview-3d--fill{width:100%;max-width:none;height:100%;min-height:120px}.preview-split:not(.preview-split--resizable){transform-origin:top;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:14px;width:min(100%,920px);display:grid}.preview-split:not(.preview-split--resizable) .preview-split-pane{flex-direction:column;gap:6px;min-width:0;display:flex}.preview-split-label{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);text-align:center;font-size:.62rem;font-weight:700}.preview-split-mug,.preview-split-3d .mug-preview-3d{width:100%;max-width:none}@media (width<=780px){.preview-split:not(.preview-split--resizable){grid-template-columns:1fr;width:min(100%,520px)}.preview-split--resizable{flex-direction:column;max-width:520px}.preview-split--resizable .preview-split-flat{min-height:140px;width:100%!important}.preview-view-dims{display:none}}.mug-preview-3d canvas{flex:auto;min-height:0;transition:opacity .18s;display:block;width:100%!important;height:100%!important}.mug-preview-3d-loading{justify-content:center;align-items:center;font-size:.8rem;display:flex}.mug-preview-3d-hint{color:color-mix(in srgb, var(--text-secondary) 92%, #fff);background:color-mix(in srgb, var(--surface) 90%, #000000b3);border:1px solid color-mix(in srgb, var(--border) 80%, transparent);pointer-events:auto;white-space:nowrap;border-radius:999px;margin:0;padding:4px 10px;font-size:.61rem}.mug-preview-3d-controls{border:1px solid color-mix(in srgb, var(--border-strong) 70%, transparent);background:color-mix(in srgb, var(--surface) 72%, #0000009e);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:6;border-radius:999px;justify-content:center;align-items:center;gap:7px;padding:5px 8px;display:inline-flex;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.mug-preview-meta-chip{border:1px solid color-mix(in srgb, var(--border) 80%, transparent);background:color-mix(in srgb, var(--surface) 90%, #000000b3);max-width:min(56vw,340px);color:var(--text-secondary);letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.58rem;font-weight:600;overflow:hidden}.mug-preview-variant-toggle{z-index:1;border:1px solid color-mix(in srgb, var(--link) 48%, var(--border-strong));background:linear-gradient(135deg, color-mix(in srgb, var(--link) 22%, #0c0c0cd1), color-mix(in srgb, var(--surface) 88%, #0c0c0cd1));color:var(--text);letter-spacing:.04em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:999px;padding:4px 12px;font-size:.63rem;font-weight:800;transition:transform .12s,border-color .12s,box-shadow .12s;position:static;box-shadow:0 4px 14px #00000047}.mug-preview-variant-toggle:hover{border-color:var(--link);transform:translateY(-1px);box-shadow:0 6px 18px #00000057}.mug-preview-variant-label.is-alt,.mug-preview-variant-toggle:hover .mug-preview-variant-label.is-current{display:none}.mug-preview-variant-toggle:hover .mug-preview-variant-label.is-alt{display:inline}.mug-preview-3d--interactive{cursor:grab}.mug-preview-3d--interactive:active{cursor:grabbing}.mug-preview-3d--transparent{box-shadow:none;background:0 0;border:none}.mug-preview-3d--plain{background:0 0}.mug-preview-3d--table-wall{border-color:color-mix(in srgb, var(--border-strong) 82%, #dbe4ee);background:linear-gradient(#fdfefe 0%,#f4f7fb 100%);box-shadow:0 8px 26px #0f172a29}.mug-preview-env-toggle{border-color:color-mix(in srgb, #a855f7 40%, var(--border-strong))}.mug-preview-env-toggle.active{border-color:color-mix(in srgb, #22c55e 55%, var(--border-strong));background:linear-gradient(135deg, #144939d4, color-mix(in srgb, var(--surface) 88%, #0c0c0ccc))}.mug-preview-tablewall-look-toggle{border:1px solid color-mix(in srgb, var(--border-strong) 66%, transparent);background:color-mix(in srgb, var(--surface) 84%, #000000a6);border-radius:999px;flex-wrap:wrap;align-items:center;gap:4px;padding:2px;display:inline-flex}.mug-preview-tablewall-controls{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.mug-preview-tablewall-look-btn{border:1px solid color-mix(in srgb, var(--border) 74%, transparent);letter-spacing:.01em;color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 90%, transparent);cursor:pointer;border-radius:999px;padding:3px 8px;font-size:.54rem;font-weight:700;line-height:1;transition:border-color .12s,color .12s,background .12s}.mug-preview-tablewall-look-btn:hover{border-color:var(--link);color:var(--text)}.mug-preview-tablewall-look-btn.active{border-color:color-mix(in srgb, #22c55e 54%, var(--border-strong));color:#ecfeff;background:#0f3b43e7}.mug-preview-finish-toggle{border:1px solid color-mix(in srgb, var(--border-strong) 68%, transparent);background:color-mix(in srgb, var(--surface) 84%, #000000b3);border-radius:999px;align-items:center;gap:4px;padding:2px;display:inline-flex}.mug-preview-finish-btn{border:1px solid color-mix(in srgb, var(--border) 70%, transparent);background:color-mix(in srgb, var(--surface-2) 90%, transparent);width:20px;height:20px;color:var(--text-secondary);letter-spacing:.02em;cursor:pointer;border-radius:999px;font-size:.54rem;font-weight:800;transition:border-color .12s,color .12s,background .12s,transform .12s}.mug-preview-finish-btn:hover{border-color:var(--link);color:var(--text);transform:translateY(-1px)}.mug-preview-finish-btn.active{border-color:color-mix(in srgb, #22d3ee 58%, var(--border-strong));color:#f0f9ff;background:#0f496ddb}.preview-3d-toggle{z-index:3;border:1px solid var(--border-strong);color:var(--text-secondary);letter-spacing:.06em;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c0c0cd1;border-radius:999px;padding:4px 10px;font-size:.65rem;font-weight:800;position:absolute;bottom:8px;right:8px}.preview-3d-toggle:hover{color:var(--text);border-color:var(--link)}.preview-3d-toggle.active{background:color-mix(in srgb, var(--link) 22%, #0c0c0ce6);border-color:var(--link);color:var(--text)}.preview-view-3d-chip{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;align-items:center;gap:4px;padding:5px 10px;font-size:.72rem;font-weight:700;display:inline-flex}.preview-view-3d-chip:hover{border-color:var(--link);color:var(--text)}.preview-view-3d-chip.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 12%, transparent);color:var(--text)}.preview-flat-host{transform-origin:top;width:min(100%,660px)}.preview-split-host{flex-direction:column;flex:1;align-self:stretch;width:100%;min-height:240px;display:flex}.preview-3d-floating{z-index:30;border-radius:var(--radius);border:1px solid var(--border-strong);background:var(--surface);flex-direction:column;animation:.26s cubic-bezier(.22,1,.36,1) preview3d-panel-enter;display:flex;position:absolute;overflow:hidden;box-shadow:0 12px 40px #0000008c}.preview-3d-floating.is-closing{pointer-events:none;animation:.26s cubic-bezier(.55,.08,.68,.53) forwards preview3d-panel-exit}@keyframes preview3d-panel-enter{0%{opacity:0;transform:translateY(32px)}to{opacity:1;transform:translateY(0)}}@keyframes preview3d-panel-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(32px)}}.preview-3d-floating-body{flex:1;min-height:0;position:relative}.resize-edge{z-index:6;position:absolute}.resize-edge-n{cursor:ns-resize;height:8px;top:0;left:12px;right:12px}.resize-edge-s{cursor:ns-resize;height:8px;bottom:0;left:12px;right:12px}.resize-edge-e{cursor:ew-resize;width:8px;top:12px;bottom:12px;right:0}.resize-edge-w{cursor:ew-resize;width:8px;top:12px;bottom:12px;left:0}.resize-edge-ne,.resize-edge-nw,.resize-edge-se,.resize-edge-sw{width:14px;height:14px}.resize-edge-ne{cursor:nesw-resize;top:0;right:0}.resize-edge-nw{cursor:nwse-resize;top:0;left:0}.resize-edge-se{cursor:nwse-resize;bottom:0;right:0}.resize-edge-sw{cursor:nesw-resize;bottom:0;left:0}.preview-3d-floating-header{border-bottom:1px solid var(--border-subtle);background:var(--surface-1);cursor:grab;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 8px 6px 10px;font-size:.68rem;font-weight:700;display:flex}.preview-3d-floating-header:active{cursor:grabbing}.preview-3d-floating-header span{flex:1}.preview-3d-floating .mug-preview-3d{width:100%;max-width:none;height:100%;min-height:0;box-shadow:none;border:none;border-radius:0}.preview-3d-floating-canvas{min-height:200px}.chat-result-3d .mug-preview-3d,.chat-result-3d .mug-preview-3d.mug-preview-3d--table-wall,.result-panel-3d .mug-preview-3d,.result-panel-3d .mug-preview-3d.mug-preview-3d--table-wall,.prompt-canvas-3d-inline-body .mug-preview-3d,.prompt-canvas-3d-inline-body .mug-preview-3d.mug-preview-3d--table-wall{box-shadow:none!important;background:0 0!important;border:none!important;border-radius:0!important}.prompt-canvas-3d-inline.open{border:1px solid var(--border-subtle);border-radius:var(--panel-preview-radius);background:var(--surface-2);clip-path:inset(0 round var(--panel-preview-radius));overflow:hidden}.chat-result-3d .mug-preview-3d canvas,.result-panel-3d .mug-preview-3d canvas,.prompt-canvas-3d-inline-body .mug-preview-3d canvas{border-radius:0}.chat-result-3d .mug-preview-3d.mug-preview-3d--compact,.chat-result-3d .mug-preview-3d.mug-preview-3d--compact.mug-preview-3d--fill,.chat-result-3d .mug-preview-3d.mug-preview-3d--compact.mug-preview-3d--triptych,.chat-result-3d .mug-preview-3d.mug-preview-3d--compact.mug-preview-3d--triptych.mug-preview-3d--fill{width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;aspect-ratio:unset!important}.free-layout-editor{flex-direction:column;flex:1;align-items:stretch;gap:10px;width:100%;max-width:720px;min-height:0;display:flex}.free-layout-toolbar{flex-shrink:0}.free-layout-canvas-host{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:#111;flex:1;justify-content:center;align-items:center;min-height:180px;padding:12px;display:flex;overflow:auto}.free-layout-canvas-host canvas{max-width:100%;box-shadow:0 4px 20px #00000073;height:auto!important}.free-layout-hint{text-align:center;margin:0;font-size:.68rem}.preview-workspace--free .preview-stage{align-items:stretch}.inspector-hint{margin:6px 0 0;font-size:.68rem;line-height:1.35}.panel-resizer{z-index:5;background:0 0;transition:background .15s}.panel-resizer-left,.panel-resizer-right{cursor:col-resize;width:5px;min-width:5px}.panel-resizer:hover,.panel-resizer:active{background:var(--link);opacity:.35}.panel-collapse-btn{z-index:6;background:var(--surface-2);color:var(--muted);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:4px;position:absolute;top:6px}.panel-collapse-btn.left{right:6px}.panel-collapse-btn.right{left:6px}.panel-expand-btn{background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;border:none;padding:8px}.safe-zone-overlay{pointer-events:none;border:2px dashed #ffffff59;border-radius:2px;position:absolute}.mug-wrap.mug-interactive{position:relative}.mug-wrap.compare-mug{width:100%;max-width:380px}.panel-hint{margin:0;padding:8px 12px 0;font-size:.72rem}.ctx-menu{z-index:10000;min-width:220px;padding:4px}.ctx-item{text-align:left;justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.ctx-item.focused{background:var(--surface-hover)}.ctx-item:disabled{opacity:.45;cursor:not-allowed}.ctx-label{flex:1}.ctx-kbd{border:1px solid var(--border);background:var(--surface);color:var(--muted);border-radius:4px;padding:2px 5px;font-family:inherit;font-size:.62rem}.ctx-sep{background:var(--border-subtle);height:1px;margin:4px 6px}.cmd-palette-backdrop{z-index:9999;background:#0000008c;justify-content:center;align-items:flex-start;padding:12vh 16px 16px;display:flex;position:fixed;inset:0}.cmd-palette{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(560px,100%);overflow:hidden;box-shadow:0 24px 64px #00000073}.cmd-palette-input-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:8px;padding:12px 14px;display:flex}.cmd-palette-input-row input{color:var(--text);background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.cmd-hint{color:var(--muted);border:1px solid var(--border);border-radius:4px;padding:2px 6px;font-size:.65rem}.cmd-list{max-height:360px;margin:0;padding:6px;list-style:none;overflow-y:auto}.cmd-item{border-radius:var(--radius-sm);width:100%;color:var(--text);cursor:pointer;text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.cmd-item.active,.cmd-item:hover{background:var(--surface-hover)}.cmd-item-label{font-size:.85rem}.cmd-item-meta{align-items:center;gap:8px;display:flex}.cmd-cat{color:var(--muted);font-size:.65rem}.cmd-empty{color:var(--muted);padding:16px;font-size:.85rem}.cmd-footer{border-top:1px solid var(--border-subtle);color:var(--muted);align-items:center;gap:6px;padding:8px 12px;font-size:.68rem;display:flex}.keyboard-help{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:min(640px,100%);max-height:80vh;overflow:auto;box-shadow:0 24px 64px #00000073}.keyboard-help-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 16px;display:flex}.keyboard-help-header h2{margin:0;font-size:1rem}.keyboard-help-body{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;padding:12px 16px 20px;display:grid}.kbd-section h3{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 8px;font-size:.72rem}.kbd-section ul{margin:0;padding:0;list-style:none}.kbd-section li{justify-content:space-between;gap:8px;padding:4px 0;font-size:.78rem;display:flex}.kbd-section kbd{border:1px solid var(--border);background:var(--surface-2);color:var(--muted);border-radius:4px;padding:2px 5px;font-size:.65rem}.status-link{color:var(--link);font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0 4px}.status-link:hover{text-decoration:underline}@media (width<=1100px){.panel-resizer{display:none}}.inspector-panel,.print-preview{position:relative}.projects-panel{flex-direction:column;flex:1;min-height:0;display:flex}.empty-state{text-align:center;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:120px;padding:24px 16px;display:flex}.empty-state-actions{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:8px;display:flex}.quick-details-lead{margin:0 12px 10px;font-size:.74rem}.studio-utilities{border-top:1px solid var(--border-subtle);margin-top:auto;padding:12px}.chat-collapse-toggle{border:none;border-top:1px solid var(--border-subtle);background:var(--surface-2);width:100%;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:6px;padding:6px;font-size:.72rem;display:flex}.carousel-text-btn{height:28px;padding:4px 8px!important}.workflow-mode-picker{display:none}.workflow-mode-picker select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);color:var(--text);padding:4px 8px;font-size:.72rem}.studio-mode-row{border-bottom:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;font-size:.74rem;display:flex}.quick-details-link{justify-content:space-between;width:calc(100% - 24px);margin:0 12px 12px}.compare-pick-banner{border-radius:var(--radius-sm);color:var(--link);background:#7eb6ff1a;border:1px solid #7eb6ff40;margin:0 8px 6px;padding:6px 10px;font-size:.72rem}.collapse-trigger-text{align-items:flex-start;gap:8px;display:flex}.collapse-icon{color:var(--muted);margin-top:2px}.section-icon{vertical-align:-2px;margin-right:4px}.sr-only{clip:rect(0, 0, 0, 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-empty-wrap{text-align:center;flex-direction:column;align-items:center;gap:10px;padding:20px;list-style:none;display:flex}.file-upload-cta{cursor:pointer}.chat-messages .empty-state{min-height:100px}@media (width<=1100px){.workflow-mode-picker{flex-shrink:0;display:block}}.production-app{background:var(--bg-deep)}.production-header{border-bottom:1px solid var(--border-subtle);background:var(--bg);padding:6px 12px}.production-header-inner{justify-content:space-between;align-items:center;gap:12px;display:flex}.compact-brand h1{margin:0;font-size:.95rem}.compact-brand p{color:var(--muted);margin:0;font-size:.68rem}.production-header-tools{align-items:center;gap:6px;display:flex}.production-floor{--workspace-bottom-reserve:248px;grid-template-columns:var(--panel-left,0px) var(--panel-resizer-left,0px) minmax(0, 1fr) var(--panel-resizer-right,0px) var(--panel-right-visible,0px);flex:1;grid-template-rows:minmax(0,1fr);grid-template-areas:"dock resizer-left stage resizer-right inspector";column-gap:0;min-height:0;display:grid;position:relative;overflow:hidden}.production-floor--inspector-overlay{grid-template-columns:var(--panel-left,0px) var(--panel-resizer-left,0px) minmax(0, 1fr);grid-template-areas:"dock resizer-left stage"}.production-floor--inspector-overlay .inspector-panel{z-index:18;margin-left:0;position:absolute;top:0;bottom:0;right:0}.production-floor--inspector-overlay .inspector-panel:not(.collapsed){width:var(--panel-right,320px);max-width:min(var(--panel-right,320px), 92vw);box-shadow:-12px 0 32px #00000047, inset 1px 0 0 color-mix(in srgb, var(--border-strong) 70%, transparent)}.production-floor--inspector-overlay .panel-resizer-right{right:calc(var(--panel-right,320px) - 2px);z-index:19;width:5px;min-width:5px;position:absolute;top:0;bottom:0}.production-stage{background:var(--bg-deep);flex-direction:column;flex:1;grid-area:stage;min-width:0;min-height:0;transition:filter .22s;display:flex;overflow:hidden;margin-left:0!important}.resource-dock:not(.collapsed)+.production-stage,.resource-dock.collapsed+.production-stage{margin-left:0}.resource-dock{z-index:7;background:var(--surface);flex-direction:column;grid-area:dock;width:100%;max-width:100%;height:auto;min-height:0;transition:width .24s cubic-bezier(.22,.61,.36,1),opacity .18s,max-height .24s;display:flex;position:relative;top:auto;bottom:auto;left:auto;overflow:hidden}.resource-dock>*{opacity:1;transition:opacity .18s,transform .24s cubic-bezier(.22,.61,.36,1);transform:translate(0)}.resource-dock.collapsed .dock-panel{display:none}.panel-resizer-left{grid-area:resizer-left}.panel-resizer-right{grid-area:resizer-right}.resource-dock.collapsed{pointer-events:none;opacity:.98;border-right:none;width:0}.resource-dock.collapsed>*{opacity:0;transform:translate(-10px)}.dock-rail{background:var(--bg-deep);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;gap:2px;width:48px;padding:4px 0;display:flex}.dock-rail-btn{border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;font-size:.58rem;display:flex}.dock-rail-btn.active{background:var(--surface-3);border-color:var(--border);color:var(--text)}.dock-panel{flex:1;min-width:0;overflow:auto}.inspector-panel{background:var(--surface);border-left:2px solid var(--border-strong);clip-path:inset(0);flex-direction:column;flex-shrink:0;grid-area:inspector;align-self:stretch;width:100%;max-width:100%;height:100%;min-height:0;margin-left:0;transition:clip-path .28s cubic-bezier(.22,.61,.36,1),width .28s cubic-bezier(.22,.61,.36,1),opacity .28s cubic-bezier(.22,.61,.36,1),max-height .28s cubic-bezier(.22,.61,.36,1);display:flex;overflow:hidden}.inspector-panel>*{opacity:1;flex:1;min-width:0;min-height:0;transition:opacity .2s,transform .28s cubic-bezier(.22,.61,.36,1);transform:translate(0)}.inspector-panel.collapsed>*{opacity:0;pointer-events:none;transform:translate(100%)}.inspector-panel.collapsed{pointer-events:none;opacity:.98;clip-path:inset(0 0 0 100%);border-left:none;width:0;margin-left:0;overflow:hidden}.inspector-panel.chat-drop-active{border-left-color:var(--link);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--link) 35%, transparent)}@media (prefers-reduced-motion:reduce){.inspector-panel{clip-path:none;transition:none}.inspector-panel>*{transition:none;opacity:1!important;transform:none!important}}@media (width<=1200px){.production-floor{--workspace-bottom-reserve:290px}}@media (width<=1100px) and (width>=861px){.production-floor{grid-template-columns:minmax(0, min(var(--panel-left,0px), 260px)) var(--panel-resizer-left,0px) minmax(0, 1fr) var(--panel-resizer-right,0px) minmax(0, min(var(--panel-right-visible,0px), 260px))}}@media (width<=860px){.production-floor{grid-template:"stage"minmax(0,1fr)"dock""inspector"/minmax(0,1fr);gap:0}.production-floor--inspector-overlay{grid-template-columns:minmax(0,1fr);grid-template-areas:"stage""dock""inspector"}.production-floor--inspector-overlay .inspector-panel:not(.collapsed){width:100%;max-width:none;box-shadow:none;position:relative;top:auto;bottom:auto;right:auto}.production-floor--inspector-overlay .panel-resizer-right{display:none}.production-stage{min-height:min(52dvh,640px)}.resource-dock:not(.collapsed){border-bottom:1px solid var(--border);max-height:min(34dvh,300px);overflow:hidden}.inspector-panel:not(.collapsed){border-left:none;border-top:1px solid var(--border);max-height:min(38dvh,340px);overflow:hidden}.inspector-panel>*{transform:translateY(0)}.inspector-panel.collapsed>*{opacity:0;transform:translateY(18px)}.resource-dock.collapsed,.inspector-panel.collapsed{border:none;max-height:0;overflow:hidden}}@media (width<=1100px){.resource-dock:not(.collapsed)+.production-stage{margin-left:0}}.left-structured{border-right:1px solid var(--border-strong);background:var(--surface)}.left-sidebar-head{border-bottom:1px solid var(--border-subtle);justify-content:center;align-items:center;gap:8px;padding:6px 8px;display:flex}.left-sidebar-switch{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.left-sidebar-switch-btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;padding:6px 8px;font-size:.72rem}.left-sidebar-switch-btn.active{background:var(--surface-3);color:var(--text);border-color:var(--border-strong)}.left-sidebar-switch-btn:hover{color:var(--text);background:var(--surface-hover)}.left-sidebar-head strong{color:var(--text-secondary);letter-spacing:.02em;font-size:.74rem}.left-sidebar-section{border-bottom:1px solid var(--border-subtle);flex-direction:column;min-height:0;display:flex}.left-sidebar-section[data-tour=tab-start]{flex:1}.left-sidebar-section[data-tour=tab-start] .left-section-body{overflow:auto}.left-section-toggle{background:var(--surface-2);color:var(--text-secondary);cursor:pointer;border:none;justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;display:flex}.left-section-toggle:hover{background:var(--surface-hover);color:var(--text)}.left-section-title{align-items:center;gap:6px;font-size:.74rem;font-weight:600;display:inline-flex}.left-section-chevron{transition:transform .15s}.left-section-toggle.open .left-section-chevron{transform:rotate(180deg)}.left-section-body{opacity:0;max-height:0;transition:max-height .18s,opacity .16s;overflow:hidden}.left-section-body.open{opacity:1;max-height:1000px}.left-section-body .projects-panel{padding:8px}.left-tools-section{flex:1}.left-tools-section .left-section-body{flex:1;min-height:0;overflow:auto}.left-tools-section .left-section-body.open{max-height:none}.left-tools-section .style-panel-compact{padding:8px 10px 0}.left-tools-stack-head{margin-bottom:0;padding:8px 10px 0}.left-tools-head{border-bottom:1px solid var(--border-subtle);justify-content:stretch;align-items:center;gap:8px;padding:6px 10px;display:flex}.left-tools-quick-actions{grid-template-columns:1fr 1fr;gap:6px;width:100%;display:grid}.left-tools-quick-actions .btn{width:100%;padding:6px 8px;font-size:.68rem}.left-tools-tabs{border-bottom:1px solid var(--border-subtle);padding:8px 10px}.left-tools-tabs .tool-tabs .seg-item{min-width:0}.left-tools-section .tool-panel-body{flex:1;min-height:0;padding:8px 10px 10px;overflow-y:auto}.inspector-head{border-bottom:1px solid var(--border-subtle);align-items:center;gap:6px;min-height:40px;padding:6px 6px 6px 8px;display:flex}.inspector-chat-wrap{flex-direction:column;flex:1;width:100%;min-height:0;display:flex;overflow:hidden}.inspector-tabs{flex:1;min-width:0}.inspector-tabs .seg-item{flex:1;justify-content:center;padding:4px 6px;font-size:.68rem}.inspector-tab-pane{padding:0}.model-hub-backdrop{z-index:12000;background:#00000094;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.model-hub-modal{border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--surface);flex-direction:column;width:min(1020px,100%);max-height:min(92vh,920px);display:flex;overflow:hidden;box-shadow:0 24px 70px #00000073}.model-hub-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;display:flex}.model-hub-head strong{align-items:center;gap:6px;font-size:.84rem;display:inline-flex}.model-hub-body{flex:1;grid-template-columns:1fr 1fr;gap:10px;min-height:0;padding:10px;display:grid;overflow:auto}.model-hub-pane{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);padding:10px}.model-hub-pane h4{align-items:center;gap:6px;margin:0 0 10px;font-size:.78rem;display:inline-flex}.model-hub-stats-grid{gap:8px;display:grid}.model-hub-stat-card{border:1px solid var(--border-subtle);background:var(--surface);border-radius:8px;gap:4px;padding:8px;display:grid}.model-hub-stat-card strong{align-items:center;gap:6px;font-size:.72rem;display:inline-flex}.model-hub-stat-card small{color:var(--text-secondary);font-size:.66rem}.model-hub-actions{justify-content:flex-end;margin-top:10px;display:flex}.model-hub-trace-list{gap:4px;max-height:180px;margin:4px 0 0;padding:0;list-style:none;display:grid;overflow:auto}.model-hub-trace-list li{border:1px solid var(--border-subtle);color:var(--text-secondary);background:var(--surface-1);border-radius:6px;grid-template-columns:72px 32px minmax(120px,1fr) 64px 46px 62px 24px;align-items:center;gap:6px;padding:4px 6px;font-size:.62rem;display:grid}.model-hub-trace-list li.ok{border-color:#4ade8059}.model-hub-trace-list li.fail{border-color:#f8717159}.model-hub-bench-empty{gap:8px;display:grid}.model-hub-bench-list{gap:8px;max-height:220px;display:grid;overflow:auto}.model-hub-bench-row{border:1px solid var(--border-subtle);background:var(--surface-1);border-radius:6px;gap:6px;padding:6px;display:grid}.model-hub-bench-head{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;font-size:.64rem;display:flex}.model-hub-bench-head small{color:var(--text-secondary);font-size:.62rem}.model-hub-bench-bars{gap:4px;display:grid}.model-hub-bench-track{border:1px solid var(--border-subtle);background:var(--surface);border-radius:999px;height:12px;position:relative;overflow:hidden}.model-hub-bench-label{color:var(--text-secondary);z-index:1;text-transform:uppercase;font-size:.58rem;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.model-hub-bench-fill{border-radius:999px;height:100%;display:block}.model-hub-bench-fill.speed{background:linear-gradient(90deg,#22d3eea6,#3b82f6b3)}.model-hub-bench-fill.quality{background:linear-gradient(90deg,#4ade80a6,#22c55eb8)}.model-hub-bench-fill.is-w-0{width:0%}.model-hub-bench-fill.is-w-10{width:10%}.model-hub-bench-fill.is-w-20{width:20%}.model-hub-bench-fill.is-w-30{width:30%}.model-hub-bench-fill.is-w-40{width:40%}.model-hub-bench-fill.is-w-50{width:50%}.model-hub-bench-fill.is-w-60{width:60%}.model-hub-bench-fill.is-w-70{width:70%}.model-hub-bench-fill.is-w-80{width:80%}.model-hub-bench-fill.is-w-90{width:90%}.model-hub-bench-fill.is-w-100{width:100%}.model-hub-bench-actions{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.inspector-section{border-bottom:1px solid var(--border-subtle);padding:10px 12px}.inspector-section-title{color:var(--text-secondary);align-items:center;gap:6px;margin:0 0 8px;font-size:.72rem;font-weight:600;display:flex}.inspector-body{flex:1;overflow:auto}.production-canvas{flex-direction:column;flex:1;min-height:0;display:flex}.native-shell{background:var(--bg-deep);height:100dvh;overflow:hidden}.app-chrome{border-bottom:1px solid var(--border-subtle);background:var(--surface);-webkit-user-select:none;user-select:none;flex-shrink:0}.chrome-row{align-items:center;gap:10px;min-height:40px;padding:0 8px;display:flex;position:relative}.chrome-brand{color:var(--text-secondary);letter-spacing:var(--tracking-tight);flex-shrink:0;align-items:center;gap:7px;padding:0 6px 0 4px;font-weight:600;display:inline-flex}.chrome-left-mode-switch{border-right:1px solid var(--border-subtle);gap:4px;margin-right:2px;padding-right:2px}.chrome-left-mode-title{align-items:center;min-width:0;margin-right:6px;display:inline-flex}.chrome-left-mode-title strong{letter-spacing:.01em;color:var(--text);white-space:nowrap;font-size:.78rem;font-weight:700;line-height:1}.chrome-mode-seg{margin-right:2px}.chrome-mode-seg .seg-item{padding:3px 6px;font-size:.68rem}.chrome-all-modes-toggle{height:26px;margin-right:4px;padding:0 10px;font-size:.68rem}.chrome-all-modes-toggle.active{border-color:var(--link);color:var(--text);background:color-mix(in srgb, var(--link) 14%, transparent)}.chrome-actions{gap:6px}.seg-control{border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-deep);flex-shrink:0;align-items:stretch;gap:1px;padding:2px;display:inline-flex}.seg-item{color:var(--text-secondary);letter-spacing:.01em;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:3px;align-items:center;gap:5px;padding:4px 8px;font-size:.72rem;font-weight:500;transition:background .12s,color .12s;display:inline-flex}.seg-item:hover{color:var(--text);background:var(--surface-hover)}.seg-item.active{background:var(--surface-active);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.chrome-spacer{flex:1;min-width:8px}.chrome-notice-slot{pointer-events:none;z-index:4;justify-content:center;align-items:center;width:min(56vw,560px);min-width:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chrome-history-capsule-wrap{pointer-events:auto;justify-content:center;width:100%;min-width:0;display:flex}.chrome-notice-capsule.chrome-history-capsule{gap:2px;width:min(420px,56vw);min-width:min(280px,48vw);max-width:min(420px,56vw);padding:0 4px 0 2px}.chrome-history-capsule-nav-group{flex-shrink:0;align-items:center;gap:0;display:inline-flex}.chrome-history-capsule-nav{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:color .14s,background .14s,opacity .14s;display:inline-flex}.chrome-history-capsule-nav:hover:not(:disabled){color:var(--text);background:color-mix(in srgb, var(--surface-hover) 70%, transparent)}.chrome-history-capsule-nav:disabled{opacity:.35;cursor:default}.chrome-history-capsule-main{min-width:0;height:28px;color:var(--text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:999px;flex:1;align-items:center;gap:6px;padding:0 8px;display:inline-flex}.chrome-history-capsule-main:hover{color:var(--text)}.chrome-history-capsule-icon{opacity:.72;flex-shrink:0}.chrome-history-capsule-text{text-overflow:ellipsis;white-space:nowrap;letter-spacing:.01em;flex:1;min-width:0;font-size:.68rem;font-weight:600;overflow:hidden}.chrome-history-capsule-main svg:last-child{opacity:.72;flex-shrink:0;transition:transform .16s}.chrome-history-capsule-main svg:last-child.is-open{transform:rotate(180deg)}.chrome-notice-capsule.chrome-history-capsule.is-open{border-color:color-mix(in srgb, var(--link) 28%, var(--border-subtle))}.chrome-notice-capsule.chrome-history-capsule.has-toast-flash{border-color:color-mix(in srgb, var(--notice-premium) 34%, var(--border-subtle));color:color-mix(in srgb, var(--text-secondary) 72%, var(--notice-premium))}.chrome-history-panel{z-index:12050;border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(420px,100vw - 24px);max-height:min(52vh,420px);box-shadow:var(--shadow);border-radius:12px;grid-template-rows:auto minmax(0,1fr) auto;display:grid;position:fixed;overflow:hidden}.chrome-history-panel-head{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.chrome-history-panel-head strong{font-size:.76rem}.chrome-history-panel-list{gap:4px;margin:0;padding:6px;list-style:none;display:grid;overflow:auto}.chrome-history-panel-item{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;justify-content:space-between;align-items:flex-start;gap:10px;padding:8px 10px;transition:background .14s,border-color .14s;display:flex}.chrome-history-panel-item:hover{background:var(--surface-hover);border-color:var(--border-subtle)}.chrome-history-panel-item-main{gap:2px;min-width:0;display:grid}.chrome-history-panel-item-main strong{font-size:.72rem;font-weight:600}.chrome-history-panel-item-main small{color:var(--muted);font-size:.62rem}.chrome-history-panel-item-side{color:var(--muted);flex-shrink:0;justify-items:end;gap:2px;font-size:.6rem;display:grid}.chrome-history-panel-item-side em{color:var(--link);font-size:.58rem;font-style:normal}.chrome-history-panel-list li.is-current .chrome-history-panel-item{border-color:color-mix(in srgb, var(--link) 34%, transparent);background:color-mix(in srgb, var(--link) 8%, transparent)}.chrome-history-panel-list li.is-future .chrome-history-panel-item{opacity:.72}.chrome-history-panel-toast{border-top:1px solid var(--border-subtle);color:var(--text-secondary);justify-content:space-between;align-items:center;gap:8px;padding:8px 10px;font-size:.64rem;display:flex}.chrome-notice-host{pointer-events:auto;justify-content:center;width:100%;min-width:0;display:flex}.chrome-notice-capsule{--neu-capsule-base:var(--bg-deep);--neu-capsule-shadow-dark:color-mix(in srgb, black 72%, var(--bg-deep));--neu-capsule-shadow-light:color-mix(in srgb, #fff 6%, var(--surface));border:1px solid color-mix(in srgb, var(--border-subtle) 88%, black);background:color-mix(in srgb, var(--neu-capsule-base) 92%, var(--surface-2));width:min(300px,52vw);min-width:min(220px,44vw);max-width:min(300px,52vw);min-height:28px;color:var(--text-secondary);box-shadow:inset 5px 5px 11px color-mix(in srgb, var(--neu-capsule-shadow-dark) 88%, transparent), inset -3px -3px 7px color-mix(in srgb, var(--neu-capsule-shadow-light) 55%, transparent);border-radius:999px;align-items:center;gap:7px;padding:0 8px 0 10px;transition:border-color .26s,box-shadow .26s,background .26s,color .26s;display:inline-flex;position:relative;overflow:hidden}.chrome-notice-capsule:after{content:"";pointer-events:none;opacity:.35;background:linear-gradient(110deg,#0000 0%,#ffffff0d 44%,#0000 68%);animation:2.8s ease-in-out infinite chrome-notice-sheen;position:absolute;inset:0;transform:translate(-125%)}.chrome-notice-capsule:hover{box-shadow:inset 6px 6px 13px color-mix(in srgb, var(--neu-capsule-shadow-dark) 92%, transparent), inset -3px -3px 8px color-mix(in srgb, var(--neu-capsule-shadow-light) 62%, transparent)}.chrome-notice-capsule.toast-idle{border-color:color-mix(in srgb, var(--border-subtle) 92%, black);color:var(--muted)}.chrome-notice-capsule.toast-idle:after{opacity:.18}.chrome-notice-capsule.toast-info{border-color:color-mix(in srgb, var(--link) 32%, var(--border-subtle));color:color-mix(in srgb, var(--text-secondary) 78%, var(--link));box-shadow:inset 5px 5px 11px color-mix(in srgb, var(--neu-capsule-shadow-dark) 88%, transparent), inset -3px -3px 7px color-mix(in srgb, var(--link) 8%, transparent), inset 0 0 10px color-mix(in srgb, var(--link) 6%, transparent)}.chrome-notice-capsule.toast-success{border-color:color-mix(in srgb, var(--notice-premium) 44%, var(--border-subtle));color:color-mix(in srgb, var(--text-secondary) 72%, var(--notice-premium));background:color-mix(in srgb, var(--bg-deep) 86%, #151410);box-shadow:inset 5px 5px 11px color-mix(in srgb, var(--neu-capsule-shadow-dark) 90%, transparent), inset -3px -3px 7px color-mix(in srgb, var(--notice-premium) 12%, transparent), inset 0 0 14px var(--notice-premium-glow)}.chrome-notice-capsule.toast-success:after{background:linear-gradient(110deg, transparent 0%, color-mix(in srgb, var(--notice-premium) 18%, transparent) 46%, transparent 68%);opacity:.55}.chrome-notice-capsule.toast-error{border-color:color-mix(in srgb, var(--danger) 35%, var(--border-subtle));box-shadow:inset 5px 5px 11px color-mix(in srgb, var(--neu-capsule-shadow-dark) 88%, transparent), inset -3px -3px 7px color-mix(in srgb, var(--danger) 8%, transparent), inset 0 0 10px color-mix(in srgb, var(--danger) 6%, transparent)}.chrome-notice-icon{opacity:.88;z-index:1;justify-content:center;align-items:center;animation:1.4s ease-in-out infinite chrome-notice-icon-breathe;display:inline-flex;position:relative}.chrome-notice-capsule.toast-success .chrome-notice-icon{color:color-mix(in srgb, var(--notice-premium) 78%, #f0ead8);filter:drop-shadow(0 0 4px var(--notice-premium-soft));animation:1.8s ease-in-out infinite chrome-notice-icon-premium}.chrome-notice-text-wrap{z-index:1;flex:1;align-items:center;min-width:0;height:1.1em;display:flex;position:relative;overflow:hidden}.chrome-notice-text{text-overflow:ellipsis;white-space:nowrap;opacity:1;min-width:0;font-size:.68rem;line-height:1.1;transition:opacity .18s cubic-bezier(.22,.61,.36,1),transform .22s cubic-bezier(.22,.61,.36,1),filter .18s;display:block;overflow:hidden;transform:translateY(0)}.chrome-notice-text.is-out{opacity:0;filter:blur(1px);transform:translateY(4px)}.chrome-notice-text.is-in{animation:.26s cubic-bezier(.22,.61,.36,1) chrome-notice-text-in}.chrome-notice-text.is-marquee{text-overflow:clip;width:max-content;max-width:none;padding-right:24px;animation:10s linear infinite chrome-notice-marquee;display:inline-block}.chrome-notice-more{border:1px solid color-mix(in srgb, var(--border-subtle) 80%, black);background:color-mix(in srgb, var(--bg-deep) 90%, var(--surface-2));min-width:20px;height:18px;box-shadow:inset 2px 2px 5px color-mix(in srgb, var(--neu-capsule-shadow-dark) 70%, transparent), inset -1px -1px 4px color-mix(in srgb, var(--neu-capsule-shadow-light) 45%, transparent);color:var(--muted);z-index:1;border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:.58rem;line-height:1;display:inline-flex;position:relative}.chrome-notice-close{width:18px;height:18px;color:var(--muted);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:999px;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex;position:relative}.chrome-notice-close:hover{background:var(--surface-hover);color:var(--text)}.chrome-notice-close-placeholder{flex-shrink:0;width:18px;height:18px}@keyframes chrome-notice-text-in{0%{opacity:0;filter:blur(1px);transform:translateY(-5px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes chrome-notice-marquee{0%,14%{transform:translate(0)}86%,to{transform:translateX(var(--chrome-notice-shift,-40px))}}@keyframes chrome-notice-swap-in{0%{opacity:0;filter:saturate(.9)blur(.2px);transform:translateY(-4px)scale(.975)}to{opacity:1;filter:saturate()blur();transform:translateY(0)scale(1)}}@keyframes chrome-notice-sheen{0%{opacity:0;transform:translate(-125%)}18%{opacity:.65}46%{opacity:0;transform:translate(120%)}to{opacity:0;transform:translate(120%)}}@keyframes chrome-notice-icon-breathe{0%,to{opacity:.78;transform:scale(.96)}50%{opacity:.92;transform:scale(1)}}@keyframes chrome-notice-icon-premium{0%,to{opacity:.86;filter:drop-shadow(0 0 3px var(--notice-premium-soft));transform:scale(.97)}50%{opacity:1;filter:drop-shadow(0 0 7px var(--notice-premium-soft));transform:scale(1)}}.native-toolbar{flex-shrink:0;align-items:center;gap:2px;display:flex}.toolbar-btn{border-radius:var(--radius-sm);height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:5px;padding:0 10px;font-size:.74rem;font-weight:500;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.toolbar-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.primary{background:var(--primary);color:var(--primary-fg);font-weight:600}.toolbar-btn.primary:hover:not(:disabled){background:var(--primary-hover)}.toolbar-btn.accent{background:var(--accent-ai);color:var(--accent-ai-fg);font-weight:600}.toolbar-btn.accent:hover:not(:disabled){background:var(--accent-ai-hover)}.toolbar-btn.icon-only{width:28px;padding:0}.chrome-3d-close-icon{justify-content:center;align-items:center;display:inline-flex;position:relative}.chrome-3d-close-icon:after{content:"";opacity:.9;background:currentColor;border-radius:999px;width:20px;height:2px;position:absolute;transform:rotate(-35deg)}.chrome-grid-btn{border-radius:6px}.toolbar-btn.icon-only.active{background:var(--surface-active);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.toolbar-btn.icon-only.danger{color:color-mix(in srgb, #ff6a6a 78%, var(--text-secondary))}.toolbar-btn.icon-only.danger:hover:not(:disabled){border-color:color-mix(in srgb, #ff6a6a 50%, var(--border));color:#ff9a9a;background:#ff6a6a24}.chrome-zoom-control{box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 88%, transparent);border-radius:6px;align-items:stretch;gap:0;display:inline-flex;overflow:hidden}.chrome-zoom-btn{min-width:28px;box-shadow:none;border:none;border-radius:0}.chrome-zoom-btn+.chrome-zoom-scrub,.chrome-zoom-scrub+.chrome-zoom-btn{border-left:1px solid color-mix(in srgb, var(--border) 70%, transparent)}.chrome-zoom-scrub{font-variant-numeric:tabular-nums;min-width:52px;color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 88%, transparent);box-shadow:none;cursor:ns-resize;touch-action:none;-webkit-user-select:none;user-select:none;border:none;border-radius:0;justify-content:center}.chrome-zoom-scrub:hover{color:var(--text);background:color-mix(in srgb, var(--surface-active) 92%, transparent)}.chrome-zoom-scrub:active{cursor:ns-resize;color:var(--text);background:var(--surface-active)}.chrome-zoom-chip{font-variant-numeric:tabular-nums;min-width:46px;color:var(--text-secondary);background:color-mix(in srgb, var(--surface-2) 88%, transparent);justify-content:center}.chrome-key-wrap{position:relative}.chrome-mode-floating{z-index:35;transform:translate(var(--mode-offset-x,0px), var(--mode-offset-y,0px));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 93%, transparent);border-radius:10px;gap:6px;padding:8px;transition:left .26s cubic-bezier(.22,.61,.36,1),transform .18s;display:grid;position:fixed;top:46px;left:330px;box-shadow:0 10px 24px #00000057}.chrome-mode-floating.is-left-collapsed{left:58px}.chrome-mode-widget-head{color:var(--text-secondary);cursor:grab;align-items:center;gap:6px;font-size:.62rem;display:flex}.chrome-mode-widget-head:active{cursor:grabbing}.chrome-mode-widget-head span{flex:1}.chrome-mode-widget-body{grid-template-columns:minmax(0,1fr);grid-template-areas:"preview""panel""list";align-items:flex-start;gap:10px;display:grid}.chrome-mode-panel{grid-area:panel;gap:6px;width:100%;min-width:0;display:grid}.chrome-mode-current{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);width:100%;min-width:0;max-width:none;min-height:30px;color:var(--text);cursor:pointer;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #0000003d}.panel-block-caption{border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 90%, transparent);width:100%;min-height:30px;color:var(--text);border-radius:9px;justify-content:center;align-items:center;padding:0 10px;font-size:.7rem;font-weight:600;display:inline-flex;box-shadow:0 6px 18px #0000003d}.panel-block-caption strong{color:inherit;font-weight:600}.panel-preview-media,.panel-preview-placeholder{width:100%;height:var(--panel-preview-height);border:1px solid var(--border-subtle);border-radius:var(--panel-preview-radius);background:var(--surface-2);overflow:hidden}.panel-preview-image{object-fit:contain;border-radius:var(--panel-preview-radius);background:var(--surface-2);width:100%;height:100%;display:block}.chrome-mode-current span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.chrome-mode-list{opacity:0;pointer-events:none;grid-area:list;gap:6px;width:100%;max-height:0;padding:0 3px;transition:opacity .14s,transform .17s,max-height .17s,padding .17s;display:grid;overflow:hidden;transform:translateY(-4px)scale(.98)}.chrome-mode-preview{border:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-2) 92%, transparent);border-radius:8px;grid-area:preview;gap:6px;padding:6px;display:grid}.chrome-mode-preview-media,.chrome-mode-preview-empty{position:relative;overflow:visible}.chrome-mode-preview-media.is-menu-open,.chrome-mode-preview-empty.is-menu-open{z-index:4}.chrome-mode-preview-canvas{border-radius:inherit;position:absolute;inset:0;overflow:hidden}.chrome-mode-preview-head{z-index:5;pointer-events:none;flex-direction:column;align-items:flex-start;gap:4px;max-width:calc(100% - 16px);display:flex;position:absolute;top:8px;left:8px}.chrome-mode-preview-head>*{pointer-events:auto}.chrome-mode-preview-trigger{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;gap:5px;min-width:0;max-width:100%;padding:0;display:inline-flex}.chrome-mode-preview-trigger strong{letter-spacing:.02em;color:#fff;text-shadow:0 1px #000000eb,0 2px 6px #000000c7,0 0 14px #0000009e,0 0 2px #000000f2;white-space:nowrap;text-overflow:ellipsis;min-width:0;max-width:100%;font-size:.68rem;font-weight:700;display:inline-block;overflow:visible}.chrome-mode-preview-trigger svg{color:#fff;filter:drop-shadow(0 1px 2px #000000d9);flex-shrink:0;transition:transform .16s}.chrome-mode-preview-trigger svg.is-open{transform:rotate(180deg)}.chrome-mode-preview-dropdown{z-index:10;-webkit-backdrop-filter:none;backdrop-filter:none;min-width:min(220px,100vw - 48px);box-shadow:none;background:0 0;border:none;border-radius:0;gap:2px;padding:0;animation:.15s mode-preview-dropdown-in;display:grid;position:relative}@keyframes mode-preview-dropdown-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.chrome-mode-preview-media{border:1px solid var(--border-subtle);background:var(--surface);border-radius:7px;width:220px;max-width:min(36vw,220px);height:104px;position:relative}.chrome-mode-preview-image{object-fit:cover;background:var(--surface-2);border-radius:7px;width:100%;height:100%;position:absolute;inset:0}.chrome-mode-preview-image.in{z-index:2}.chrome-mode-preview-image.out{z-index:1}.chrome-mode-preview-media.animating .chrome-mode-preview-image.in{animation:.36s cubic-bezier(.22,.61,.36,1) mode-preview-in}.chrome-mode-preview-media.animating .chrome-mode-preview-image.out{animation:.36s cubic-bezier(.22,.61,.36,1) mode-preview-out}.chrome-mode-preview-image.hover-fade{animation:.38s cubic-bezier(.22,.61,.36,1) mode-preview-hover-fade}@keyframes mode-preview-in{0%{opacity:0;filter:saturate(.94);transform:translate(6px)scale(1.006)}to{opacity:1;filter:saturate();transform:translate(0)scale(1)}}@keyframes mode-preview-out{0%{opacity:1;transform:translate(0)scale(1)}to{opacity:0;transform:translate(-6px)scale(.997)}}@keyframes mode-preview-hover-fade{0%{opacity:.62;filter:saturate(.95);transform:scale(1.004)}to{opacity:1;filter:saturate();transform:scale(1)}}@media (prefers-reduced-motion:reduce){.chrome-mode-preview-media.animating .chrome-mode-preview-image.in,.chrome-mode-preview-media.animating .chrome-mode-preview-image.out,.chrome-mode-preview-image.hover-fade{animation:none}}.chrome-mode-preview-empty{border:1px dashed var(--border-subtle);width:220px;max-width:min(36vw,220px);height:104px;color:var(--muted);border-radius:7px;justify-content:center;align-items:center;font-size:.62rem;display:flex;position:relative}.chrome-mode-preview-empty-label{pointer-events:none}.chrome-mode-preview-label{z-index:3;pointer-events:none;position:absolute;top:8px;left:8px}.chrome-mode-preview-label strong{letter-spacing:.02em;color:#fff;text-shadow:0 1px #000000eb,0 2px 6px #000000c7,0 0 14px #0000009e,0 0 2px #000000f2;font-size:.68rem;font-weight:700;display:inline-block}.chrome-mode-floating.open .chrome-mode-list,.chrome-mode-floating:hover .chrome-mode-list{opacity:1;pointer-events:auto;max-height:360px;padding:2px;transform:translateY(0)scale(1)}.chrome-mode-item{color:var(--text-secondary);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;padding:8px 10px;font-size:.72rem}.chrome-mode-item:hover{border-color:var(--border);background:var(--surface-hover);color:var(--text)}.chrome-mode-item.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 16%, transparent);color:var(--text)}.chrome-mode-floating-restore{z-index:35;transform:translate(var(--mode-offset-x,0px), var(--mode-offset-y,0px));border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 92%, transparent);height:28px;color:var(--text-secondary);cursor:pointer;border-radius:9px;padding:0 10px;font-size:.68rem;transition:left .26s cubic-bezier(.22,.61,.36,1),transform .18s;position:fixed;top:46px;left:330px}.chrome-mode-floating-restore.is-left-collapsed{left:58px}.chrome-mode-floating.mode-tone-name-photo .chrome-mode-current{border-color:#5ea3ff}.chrome-mode-floating.mode-tone-profession .chrome-mode-current{border-color:#f6c26b}.chrome-mode-floating.mode-tone-pets .chrome-mode-current{border-color:#7ee0a1}.chrome-mode-floating.mode-tone-cartoon .chrome-mode-current{border-color:#b794f6}.chrome-mode-floating.mode-tone-logo-merge .chrome-mode-current{border-color:#f97373}.chrome-mode-floating.mode-tone-zodiac .chrome-mode-current{border-color:#60d4ff}.chrome-key-btn.ok{color:#7ee0a1}.chrome-key-btn.warn{color:#f6c26b}.chrome-key-btn.bad{color:#ff8d8d}.chrome-key-popover{border:1px solid var(--border);background:var(--surface);width:min(360px,76vw);box-shadow:var(--shadow);z-index:30;border-radius:10px;gap:6px;padding:8px;display:grid;position:absolute;top:calc(100% + 6px);right:0}.chrome-key-popover strong{font-size:.72rem}.chrome-key-popover p{color:var(--text-secondary);margin:0;font-size:.64rem;line-height:1.35}.chrome-key-popover ul{color:var(--text-secondary);margin:0;padding-left:1rem;font-size:.64rem;line-height:1.35}.toolbar-btn.sm{width:24px;height:24px}.chat-panel-loading{text-align:center;padding:16px;font-size:.78rem}.status-warn{color:var(--warning)!important}.chat-dock{border-top:1px solid var(--border-subtle);background:var(--surface);flex-direction:column;flex-shrink:0;min-height:0;display:flex}.chat-dock--expanded{height:min(240px,32vh)}.chat-dock--collapsed{height:36px}.chat-dock-head{border-bottom:1px solid var(--border-subtle);min-height:36px;color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 10px;font-size:.78rem;font-weight:600;display:flex}.chat-dock-head span{flex:1}.chat-dock-toggle{margin-left:auto}.chat-dock .chat-panel.embedded{flex:1;min-height:0}.chat-dock .chat-panel-loading{padding:12px}.chat-backdrop{z-index:44;cursor:default;background:#00000052;border:none;animation:.15s native-fade-in;position:fixed;inset:0}.chat-side-panel{z-index:50;border-left:1px solid var(--border-strong);background:var(--surface);flex-direction:column;width:min(400px,92vw);animation:.18s native-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 32px #00000073}.chat-side-panel .chat-panel{border:none;border-radius:0;flex:1;min-height:0}.chat-side-head{border-bottom:1px solid var(--border-subtle);flex-shrink:0;align-items:center;gap:8px;min-height:40px;padding:0 8px 0 12px;font-size:.78rem;font-weight:600;display:flex}.chat-side-head .toolbar-btn{margin-left:auto}@keyframes native-slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes native-fade-in{0%{opacity:0}to{opacity:1}}.inspector-body .mode-details.compact{padding:8px 10px 16px}.dock-rail-btn{border:none;border-radius:0;padding:10px 4px;position:relative}.dock-rail-btn.active{background:var(--surface);color:var(--text);border-color:#0000}.dock-rail-btn.active:before{content:"";background:var(--text);border-radius:0 1px 1px 0;width:2px;position:absolute;top:6px;bottom:6px;left:0}.inspector-panel{border-left-width:1px}@media (width<=1280px){.chrome-notice-slot{width:min(44vw,430px)}.chrome-notice-capsule{width:min(260px,44vw);min-width:min(200px,40vw);max-width:min(260px,44vw)}.chrome-notice-capsule.chrome-history-capsule{width:min(340px,44vw);min-width:min(240px,40vw);max-width:min(340px,44vw)}.inspector-tab-label{display:none}.inspector-tabs .seg-item{padding:4px 6px}.seg-item-label{display:none}.seg-item{padding:4px 7px}.toolbar-btn span:not(.toolbar-btn-text-short){display:none}.toolbar-btn{padding:0 8px}}@media (width<=900px){.chrome-notice-slot{width:min(56vw,300px)}.chrome-notice-capsule{width:min(210px,56vw);min-width:min(168px,48vw);max-width:min(210px,56vw)}.chrome-notice-capsule.chrome-history-capsule{width:min(280px,56vw);min-width:min(200px,48vw);max-width:min(280px,56vw)}.toolbar-btn span:not(.toolbar-btn-text-short){display:none}}@media (prefers-reduced-motion:reduce){.chat-side-panel,.chat-backdrop,.chrome-notice-capsule:after,.chrome-notice-icon,.chrome-notice-text.is-marquee{animation:none}.chrome-notice-capsule,.chrome-notice-text{transition:none}.chrome-notice-text.is-in{animation:none}}.project-switcher{align-items:center;gap:4px;min-width:0;max-width:min(420px,42vw);display:flex}.project-switcher-btn{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);min-width:0;color:var(--text);cursor:pointer;align-items:center;gap:6px;padding:4px 8px;font-size:.72rem;display:inline-flex}.project-switcher-btn:hover{border-color:var(--border-strong);background:var(--surface-hover)}.project-switcher-mode{flex-shrink:0;padding:2px 6px;font-size:.58rem}.project-switcher-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.concept-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.concept-modal{border-radius:var(--radius);border:1px solid var(--border);background:var(--surface);width:min(520px,100%);max-height:min(90vh,640px);box-shadow:var(--shadow-lg,0 16px 48px #00000073);padding:16px;overflow:auto}.concept-modal-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.concept-modal-header h2{margin:0;font-size:1rem}.concept-modal-lead{margin:0 0 12px;font-size:.75rem}.concept-seed-preview{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);grid-template-columns:78px 1fr;align-items:center;gap:8px;margin:0 0 12px;padding:8px;display:grid}.concept-seed-preview img{object-fit:cover;border:1px solid var(--border-subtle);border-radius:6px;width:78px;height:52px}.concept-seed-preview p{margin:2px 0 0;font-size:.66rem}.concept-mode-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;margin-bottom:12px;display:grid}.concept-mode-card{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);background:var(--surface-1);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;display:flex}.concept-mode-card strong{font-size:.72rem}.concept-mode-card span{font-size:.62rem}.concept-mode-hotkey{font-family:var(--font-mono);color:var(--muted);font-size:.66rem}.concept-mode-card:hover{border-color:var(--border-strong)}.concept-mode-card.active{border-color:var(--link);background:color-mix(in srgb, var(--link) 10%, transparent)}.concept-title-field{flex-direction:column;gap:4px;margin-bottom:14px;font-size:.68rem;display:flex}.concept-title-field input{width:100%}.concept-modal-actions{justify-content:flex-end;gap:8px;display:flex}.moodboard-new-concept{margin-left:auto}.concept-canvas-node{z-index:24;border-radius:var(--radius);border:1px solid var(--border);background:color-mix(in srgb, var(--surface) 96%, transparent);width:min(520px,100% - 28px);max-height:min(86vh,640px);box-shadow:var(--shadow-lg,0 16px 48px #00000073);padding:14px;position:absolute;top:14px;right:14px;overflow:auto}.concept-canvas-node.is-busy{pointer-events:none}.concept-canvas-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.concept-canvas-head strong{font-size:.96rem}.concept-create-overlay{z-index:4;text-align:center;border-radius:inherit;background:color-mix(in srgb, var(--surface) 88%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);align-content:center;justify-items:center;gap:6px;padding:18px;display:grid;position:absolute;inset:0}.concept-create-spinner{border:1px solid color-mix(in srgb, var(--link) 32%, var(--border-subtle));background:color-mix(in srgb, var(--link) 10%, transparent);border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.concept-create-spinner svg{color:var(--link);animation:.9s linear infinite concept-create-spin}.concept-create-overlay strong{color:var(--text);font-size:.78rem}.concept-create-overlay p{max-width:280px;margin:0;font-size:.66rem}@keyframes concept-create-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chrome-mode-field{align-items:center;min-width:0;max-width:min(220px,32vw);display:flex;position:relative}.chrome-mode-select{appearance:none;border:1px solid var(--border);background:var(--surface-2);color:var(--text);font:inherit;border-radius:var(--radius-sm);cursor:pointer;width:100%;min-width:0;padding:5px 28px 5px 10px;font-size:.78rem}.chrome-mode-select:hover{border-color:var(--border-strong)}.chrome-mode-select:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.chrome-mode-chevron{pointer-events:none;opacity:.55;position:absolute;right:8px}.resource-dock .dock-rail-btn{justify-content:center}.resource-dock .dock-rail-label{display:none}.inspector-tabs.icon-only .seg-item{min-width:32px;padding:6px}.status-footer .status-group{gap:6px}.status-cancel{color:var(--danger)}.status-cancel:hover{color:var(--text)}.carousel-overflow{flex-shrink:0}.carousel-empty{text-align:center;margin:0;padding:12px;font-size:.72rem}.compare-pick-banner.compact{margin:0;padding:4px 12px;font-size:.68rem}.minimal-chat .chat-input{flex-direction:column;gap:6px;display:flex}.minimal-chat .chat-input.is-inspector-composer{flex:auto;gap:0;height:auto;min-height:120px}.chat-input-actions{justify-content:flex-end;gap:4px;display:flex}.bubble-actions.minimal{gap:4px}@media (width<=1320px){.chat-ref-drop-slots{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.chat-ref-drop-slots{grid-template-columns:1fr}}.asset-gen-panel.minimal .style-pack-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.studio-dialog-backdrop{z-index:10150;background:#0000008c;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.studio-dialog-backdrop.anchored{background:#00000024;justify-content:stretch;align-items:stretch;padding:0}.studio-dialog{background:var(--surface-elevated,#1e1e1e);border:1px solid var(--border-strong,#444);border-radius:10px;width:min(420px,100%);padding:16px 18px;box-shadow:0 12px 40px #00000073}.studio-dialog-backdrop.anchored .studio-dialog{transform-origin:top;width:min(440px,100vw - 24px);animation:.18s cubic-bezier(.22,.61,.36,1) studio-dialog-anchored-in;position:fixed;overflow:visible}.studio-dialog-backdrop.anchored .studio-dialog:before{content:"";top:-8px;left:var(--studio-dialog-pointer-x,50%);background:var(--surface-elevated,#1e1e1e);border-left:1px solid var(--border-strong,#444);border-top:1px solid var(--border-strong,#444);border-top-left-radius:3px;width:14px;height:14px;animation:.18s cubic-bezier(.22,.61,.36,1) studio-dialog-pointer-in;position:absolute;transform:translate(-50%)rotate(45deg)}.studio-dialog-backdrop.anchored .studio-dialog[data-anchor-side=bottom]{transform-origin:bottom;animation-name:studio-dialog-anchored-in-up}.studio-dialog-backdrop.anchored .studio-dialog[data-anchor-side=bottom]:before{border-top:none;border-left:none;border-right:1px solid var(--border-strong,#444);border-bottom:1px solid var(--border-strong,#444);top:auto;bottom:-8px}@keyframes studio-dialog-anchored-in{0%{opacity:0;transform:translateY(-6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-dialog-anchored-in-up{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes studio-dialog-pointer-in{0%{opacity:0;transform:translate(-50%)scale(.8)rotate(45deg)}to{opacity:1;transform:translate(-50%)scale(1)rotate(45deg)}}@media (prefers-reduced-motion:reduce){.studio-dialog-backdrop.anchored .studio-dialog,.studio-dialog-backdrop.anchored .studio-dialog:before{animation:none}}.studio-dialog-title{margin:0 0 8px;font-size:1rem}.studio-dialog-message{color:var(--text-muted,#aaa);margin:0 0 12px;font-size:.85rem}.studio-dialog-input{border:1px solid var(--border,#333);background:var(--surface,#121212);width:100%;color:inherit;border-radius:6px;margin-bottom:12px;padding:8px 10px}.studio-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.error-boundary{border:1px solid var(--danger,#c44);background:#c83c3c14;border-radius:8px;margin:8px;padding:12px 16px}.error-boundary p{margin:6px 0 10px;font-size:.85rem}.panel-loading{text-align:center;padding:24px;font-size:.85rem}.projects-tabs,.inspector-tabs{flex:1;min-width:0}.projects-tabs.seg-control{margin-bottom:8px;padding:0 4px}.carousel-fold-header{background:0 0;border:none;align-items:center;gap:6px;width:100%;min-height:32px;padding:0 8px;display:flex}.carousel-fold-toggle{min-width:0;color:var(--text-muted);font:inherit;cursor:pointer;text-align:left;background:0 0;border:none;flex:1;align-items:center;gap:6px;padding:4px 0;font-size:.72rem;display:inline-flex}.carousel-fold-toggle:hover{color:var(--text)}.carousel-fold-peek{gap:4px;margin-left:8px;display:flex;overflow:hidden}.carousel-peek-thumb{border:1px solid var(--border);border-radius:3px;flex-shrink:0;width:28px;height:28px;overflow:hidden}.carousel-peek-thumb img{object-fit:cover;width:100%;height:100%;display:block}.moodboard-toolbar.minimal{flex-wrap:nowrap;align-items:center;gap:6px;padding:6px 8px;display:flex}.moodboard-folder-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);min-width:0;max-width:120px;color:var(--text);flex:1;padding:3px 6px;font-size:.72rem}.moodboard-count{flex-shrink:0;font-size:.68rem}.folder-drop-bar.compact{gap:4px;padding:4px 8px}.folder-drop-bar.compact .drag-hint-inline{display:none}.archetype-card .archetype-icon{opacity:.85;justify-content:center;align-items:center;display:flex}.mode-details.compact .chip-grid{gap:4px}.mode-details.compact .field-label{font-size:.72rem}.preview-stage{position:relative}.preview-stage.is-busy:before{content:"";z-index:2;background:linear-gradient(90deg, transparent, var(--accent,#6ea8fe), transparent);pointer-events:none;height:2px;animation:1.2s ease-in-out infinite preview-busy-pulse;position:absolute;top:0;left:0;right:0}@keyframes preview-busy-pulse{0%,to{opacity:.35}50%{opacity:1}}