@font-face{font-family:Bungee;src:url(/fonts/bungee.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Bungee Shade;src:url(/fonts/bungee-shade.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Figtree;src:url(/fonts/figtree.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}@font-face{font-family:Martian Mono;src:url(/fonts/martian-mono.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Streampod;src:url(/fonts/streampod-2026.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--bg:#f5f2eb;--bg-app:#f5f2eb;--sv-mint:#19b787;--sv-yellow:#f5b81c;--bg-panel:#fff;--bg-subtle:#faf8f4;--bg-muted:#efeaf6;--bg-elevated:#fff;--canvas-dot:#0f08280d;--border:#e7e2ef;--border-strong:#d6cfe4;--border-soft:#f1eef7;--text:#0f0828;--text-strong:#0f0828;--text-muted:#5c5572;--text-soft:#726a87;--text-faint:#6f6684;--media-bg:#100e0c;--surface-code:#2a2926;--surface-code-soft:#1c1b1a;--text-code:#f0eee9;--accent:#e91e63;--accent-strong:#c4164f;--accent-text:#b0144e;--accent-soft:#fde4ec;--accent-tint:#fdeef4;--accent-hover:#c4164f;--on-accent:#fff;--wordmark-sweet:var(--text-strong);--wordmark-vibes:var(--accent-text);--green:#1f7a3a;--green-bg:#e8f7ee;--green-border:#c6ead2;--blue:#2348b8;--blue-bg:#e8efff;--blue-border:#c8d6ff;--purple:#6c3aa6;--purple-bg:#f3ecf9;--purple-border:#e4d4f1;--red:#9c2a25;--red-bg:#fdecea;--red-border:#f5c6c2;--amber:#b26200;--amber-bg:#fff3e0;--amber-border:#f3d49b;--yellow:#8c6700;--yellow-bg:#fff7d8;--yellow-border:#f1e09b;--brand-mark-grad:linear-gradient(135deg, #fff5f8 0%, #fce4ec 100%);--featured-grad:linear-gradient(180deg, var(--blue-bg) 0%, var(--blue-border) 100%);--env-claude-grad:linear-gradient(135deg, #d97757 0%, #b85a3b 100%);--env-api-grad:linear-gradient(135deg, #1c1b1a 0%, #4b4948 100%);--text-inverse:#fff;--shadow-xs:0 1px 0 #0f08280a;--shadow-sm:0 1px 2px #0f08280d, 0 1px 3px #0f08280a;--shadow-md:0 6px 24px #0f082812, 0 2px 6px #0f08280a;--shadow-lg:0 24px 60px #0f082829, 0 8px 16px #0f082812;--shadow-popover:0 8px 32px #0f08281a, 0 2px 6px #0f08280a;--chrome-height:60px;--radius-sm:6px;--radius:10px;--radius-md:var(--radius);--radius-lg:14px;--radius-pill:999px;--border-hover:color-mix(in oklch, var(--accent) 42%, var(--border));--serif:"Source Serif Pro", "Source Serif 4", "Iowan Old Style", "Apple Garamond", Georgia, "Times New Roman", serif;--sans:"Figtree", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--mono:"Martian Mono", ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;--brand-display:"Bungee", "Figtree", sans-serif;--brand-shade:"Bungee Shade", "Bungee", sans-serif}:root[data-theme=dark]{--bg:#1a1816;--bg-app:#1a1816;--bg-panel:#221f1c;--bg-subtle:#2a2723;--bg-muted:#322e29;--bg-elevated:#262320;--border:#322e29;--border-strong:#44403a;--border-soft:#2a2723;--canvas-dot:#ffffff0d;--text:#f4f2ed;--text-strong:#fff;--text-muted:#a8a39b;--text-soft:#807a72;--text-faint:#9c95a8;--wordmark-sweet:#ffd60a;--accent:#ff4f8b;--accent-strong:#e91e63;--accent-text:var(--accent);--accent-soft:#3a1224;--accent-tint:#2a0c18;--accent-hover:#ff7aa8;--on-accent:#2a0814;--green:#4ade80;--green-bg:#14291c;--green-border:#1e3a2a;--blue:#93c5fd;--blue-bg:#1a2440;--blue-border:#243358;--purple:#c4a8e0;--purple-bg:#2a1f3a;--purple-border:#3a2c52;--red:#fca5a5;--red-bg:#3a1d1d;--red-border:#532929;--amber:#fbbf24;--amber-bg:#3a2914;--amber-border:#523f1f;--yellow:#fde68a;--yellow-bg:#2f2914;--yellow-border:#443c1f;--brand-mark-grad:linear-gradient(135deg, color-mix(in srgb, var(--accent) 18%, var(--bg-elevated)) 0%, color-mix(in srgb, var(--accent) 32%, var(--bg-panel)) 100%);--featured-grad:linear-gradient(180deg, var(--blue-bg) 0%, var(--blue-border) 100%);--env-claude-grad:linear-gradient(135deg, #e89274 0%, #c46e51 100%);--env-api-grad:linear-gradient(135deg, var(--bg-elevated) 0%, var(--border-strong) 100%);--shadow-xs:0 1px 0 #0006;--shadow-sm:0 1px 2px #00000073, 0 1px 3px #0000004d;--shadow-md:0 6px 24px #00000080, 0 2px 6px #0000004d;--shadow-lg:0 24px 60px #0009, 0 8px 16px #00000059;--shadow-popover:0 8px 32px #0000008c, 0 2px 6px #0000004d;--lightningcss-light: ;--lightningcss-dark:initial;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.od-loading-shell{min-height:100vh;color:var(--text-muted);background:var(--bg-app);font:500 13px/1.4 var(--sans);place-items:center;display:grid}button{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;padding:6px 12px;transition:background .12s,border-color .12s,color .12s,box-shadow .12s}button:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-hover)}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:where(a[href],[role=button],[role=separator],[role=textbox],[tabindex="0"]):focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent);box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 35%, transparent), var(--shadow-xs);font-weight:600;transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,background .18s,border-color .18s}button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);box-shadow:0 6px 20px color-mix(in srgb, var(--accent) 50%, transparent), var(--shadow-xs);transform:translateY(-1px)}button.primary-ghost{background:var(--bg-panel);border-color:var(--accent);color:var(--accent-text);font-weight:500}button.primary-ghost:hover:not(:disabled){background:var(--accent-tint)}button.ghost{border-color:var(--border);color:var(--text);background:0 0}button.ghost:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border-hover)}button.subtle{background:var(--bg-subtle);color:var(--text);border-color:#0000}button.subtle:hover:not(:disabled){background:var(--bg-muted)}button.icon-btn{padding:6px 10px;font-size:13px}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:7px 10px;transition:border-color .12s,box-shadow .12s}input::placeholder,textarea::placeholder{color:var(--text-faint)}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}select{padding-right:24px}textarea{resize:vertical;font-family:inherit}code{font-family:var(--mono);background:var(--bg-subtle);color:var(--text);border-radius:4px;padding:1px 5px;font-size:.92em}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (pointer:coarse){button,[role=button],.app-tab{min-height:44px}}.app{background:var(--bg-app);grid-template-rows:auto auto 1fr;height:100vh;display:grid}.project-bar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;align-items:center;gap:12px;min-width:0;min-height:42px;padding:7px 16px;display:flex}.project-bar-back{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:1px solid #0000;flex-shrink:0;align-items:center;gap:6px;padding:5px 11px;font-size:12px;display:inline-flex}.project-bar-back:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border)}.project-bar-divider{background:var(--border);flex-shrink:0;width:1px;height:20px}.project-bar-title{letter-spacing:-.01em;color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;border-radius:4px;outline:none;min-width:0;font-size:15px;font-weight:700;overflow:hidden}.project-bar-title.editable:focus{background:var(--bg-subtle);box-shadow:0 0 0 2px var(--accent-soft)}.project-bar-meta{font-family:var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px;font-weight:600}.project-bar-actions{flex-shrink:0;align-items:center;gap:8px;margin-left:auto;display:inline-flex}.app-chrome-header{--app-chrome-traffic-space:0px;min-height:var(--chrome-height);border-bottom:1px solid var(--border);background:var(--bg-panel);flex-shrink:0;align-items:center;gap:12px;padding:4px 14px;display:flex}.app-chrome-traffic-space{width:var(--app-chrome-traffic-space);flex:0 0 var(--app-chrome-traffic-space);margin-right:-12px}.app-chrome-brand,button.app-chrome-brand{min-width:0;color:inherit;font:inherit;cursor:inherit;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;margin:0;padding:4px 8px 4px 4px;transition:background .18s;display:inline-flex}button.app-chrome-brand{cursor:pointer}button.app-chrome-brand:hover{background:var(--bg-subtle)}button.app-chrome-brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-chrome-mark{background:0 0;border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex;overflow:visible}.app-chrome-mark .brand-mark-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;padding:0;display:block}.app-chrome-name{font-family:var(--brand-display);text-transform:lowercase;letter-spacing:-.02em;white-space:nowrap;font-size:15px;line-height:1}.app-chrome-back,.settings-icon-btn{width:36px;height:36px;color:var(--text-muted);background:0 0;border-color:#0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.app-chrome-back:hover:not(:disabled),.settings-icon-btn:hover:not(:disabled){background:var(--bg-subtle);border-color:var(--border);color:var(--text)}.app-chrome-content{align-items:center;gap:10px;min-width:0;display:flex}.app-chrome-drag{flex:auto;align-self:stretch;min-width:24px}.app-chrome-actions{flex-shrink:0;align-items:center;gap:6px;display:inline-flex}.app-project-title{flex-direction:column;gap:1px;min-width:0;display:flex}.app-project-title .title{color:var(--text-strong);letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.app-project-title .meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar{border-bottom:1px solid var(--border);background:var(--bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:10px 16px;display:flex}.topbar-left{flex-direction:row;align-items:center;gap:12px;min-width:0;display:flex}.topbar-title{flex-direction:column;gap:1px;min-width:0;display:flex}.topbar .title{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.topbar .meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-right{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.topbar .brand-mark{background:var(--brand-mark-grad);width:30px;height:30px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.topbar .brand-mark .brand-mark-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;padding:1px;display:block}.topbar-left .back-btn{color:var(--text-muted);background:0 0;border-color:#0000;align-self:center;padding:4px 10px;font-size:12px}.topbar-left .back-btn:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--border)}.avatar-menu{position:relative}.avatar-btn{border:1px solid var(--border);background:#2a1b5c;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;transition:box-shadow .12s,transform .12s;display:inline-flex;overflow:hidden}.avatar-btn:hover:not(:disabled){box-shadow:0 0 0 3px var(--accent-soft);border-color:#0000}.avatar-btn:focus-visible{box-shadow:0 0 0 3px var(--accent-tint);border-color:#0000;outline:none}.avatar-btn:active:not(:disabled){transform:scale(.96)}.avatar-btn-initials{font-family:var(--mono);letter-spacing:.02em;color:#fff;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.avatar-btn-photo{object-fit:cover;object-position:50% 22%;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;width:100%;height:100%;display:block}.avatar-popover{z-index:80;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);min-width:280px;box-shadow:var(--shadow-lg);flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;top:calc(100% + 8px);right:0}.avatar-popover-head{border-bottom:1px solid var(--border-soft);flex-direction:column;gap:2px;margin-bottom:4px;padding:10px 10px 8px;display:flex}.avatar-popover-head .who{font-size:13px;font-weight:600}.avatar-popover-head .where{color:var(--text-muted);font-size:12px}.avatar-item{text-align:left;border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:0 0;border:none;align-items:center;gap:10px;padding:8px 10px;font-size:13px;display:flex}.avatar-item:hover{background:var(--bg-subtle)}.avatar-menu-sep{background:var(--border-soft);border:0;height:1px;margin:4px 6px}.avatar-item .avatar-item-icon{text-align:center;width:18px;color:var(--text-muted);flex-shrink:0}.avatar-item .avatar-item-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;margin-left:auto;font-size:11px}.avatar-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);padding:8px 10px 4px;font-size:11px;font-weight:600}.avatar-model-section{border-top:1px dashed var(--border-soft);flex-direction:column;gap:6px;margin-top:4px;padding:2px 10px 6px;display:flex}.avatar-select-row{color:var(--text-muted);align-items:center;gap:8px;font-size:12px;display:flex}.avatar-select-label{flex-shrink:0;min-width:64px}.avatar-select{border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-panel);min-width:0;color:var(--text);cursor:pointer;flex:1;padding:4px 6px;font-size:12px}.avatar-select:focus{outline:2px solid var(--accent-soft,var(--border-strong))}.env-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;min-width:0;max-width:360px;font:inherit;color:inherit;align-items:center;gap:8px;padding:4px 12px 4px 4px;display:inline-flex}.env-pill:hover{background:var(--bg-panel);border-color:var(--border-hover)}.env-pill-dot{background:var(--env-claude-grad);border-radius:50%;flex-shrink:0;width:22px;height:22px}.env-pill-dot[data-mode=api]{background:var(--env-api-grad)}.env-pill-label{font-size:12px;font-weight:500}.env-pill-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.split{grid-template-columns:var(--chat-w,420px) minmax(0, 1fr);min-height:0;display:grid;position:relative}.chat-resizer{top:0;bottom:0;left:var(--chat-w,420px);z-index:6;cursor:ew-resize;touch-action:none;width:11px;position:absolute;transform:translate(-50%)}.chat-resizer:after{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.chat-resizer:hover:after,.chat-resizer:active:after{background:var(--accent)}@media (max-width:900px){.chat-resizer,.split>.panel-move-grip{display:none}}.panel-move-grip{z-index:12;border:1px solid var(--border);background:var(--bg-elevated);width:26px;height:26px;color:var(--text-faint);cursor:grab;opacity:0;touch-action:none;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:opacity .14s,color .14s,border-color .14s,background .14s;display:inline-flex;position:absolute;top:14px;box-shadow:0 1px 2px #0f08280f,0 4px 12px #0f08280d}.split:hover .panel-move-grip,.viewer-body:hover .panel-move-grip,.panel-move-grip:focus-visible,.panel-move-grip.is-moving{opacity:1}.panel-move-grip:hover{color:var(--accent-text);border-color:var(--accent);background:var(--accent-soft)}.panel-move-grip:active,.panel-move-grip.is-moving{cursor:grabbing}.panel-move-grip>svg{pointer-events:none}.panel-drop-target{z-index:55;pointer-events:none;border-radius:var(--radius-md);background:color-mix(in oklch, var(--accent) 12%, transparent);border:2px dashed color-mix(in oklch, var(--accent) 55%, transparent);opacity:0;width:46%;transition:opacity .12s;position:absolute;top:0;bottom:0}.panel-drop-target.is-active{opacity:1}.panel-drop-target.is-left{left:6px}.panel-drop-target.is-right{right:6px}.panel-move-overlay{z-index:60;cursor:grabbing;position:fixed;inset:0}.split>.panel-move-grip{left:var(--chat-w,420px);transform:translate(-50%)}.split[data-chat-side=right]>.panel-move-grip{left:auto;right:var(--chat-w,420px);transform:translate(50%)}@media (min-width:901px){.split[data-chat-side=right]{grid-template-columns:minmax(0, 1fr) var(--chat-w,420px)}.split[data-chat-side=right]>.pane{order:2}.split[data-chat-side=right]>.workspace{order:1}.split[data-chat-side=right]>.chat-resizer{left:auto;right:var(--chat-w,420px);transform:translate(50%)}}.pane{border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;min-height:0;display:flex}.pane:last-child{border-right:none}@media (max-width:900px){.split{grid-template-rows:minmax(0,38vh) minmax(0,1fr);grid-template-columns:1fr}.split>.pane{border-right:none}.split>:first-child{border-bottom:1px solid var(--border)}.viewer-body{--dock-w:280px}}@media (max-width:620px){.split{grid-template-rows:minmax(0,44vh) minmax(0,1fr)}.viewer-body{--dock-w:224px}}.chat-header{border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:4;align-items:center;gap:4px;height:44px;padding:8px 12px;display:flex;position:sticky;top:0}.chat-header-tabs{flex:1;gap:16px;display:inline-flex}.chat-header-tab{color:var(--text-muted);background:0 0;border:none;border-bottom:2px solid #0000;border-radius:0;padding:8px 0;font-size:13px;font-weight:500}.chat-header-tab:hover{color:var(--text);background:0 0;border-color:#0000}.chat-header-tab.active{color:var(--text);border-bottom-color:var(--text)}.chat-header-actions{align-items:center;gap:4px;display:inline-flex}.chat-header-actions .icon-only{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.chat-header-actions .icon-only:hover{background:var(--bg-subtle);color:var(--text)}.chat-log{flex-direction:column;flex:1;gap:14px;padding:16px;display:flex;overflow-y:auto}.msg{white-space:normal;word-wrap:break-word;background:0 0;border:none;padding:0}.msg .role{text-transform:none;color:var(--text-strong);letter-spacing:0;margin-bottom:4px;font-size:13px;font-weight:600}.msg.user .role:before{content:""}.msg.user .user-text{white-space:pre-wrap;color:var(--text)}.msg.assistant .prose{margin-top:4px}.msg .artifact-badge{background:var(--accent);color:var(--on-accent);border-radius:4px;margin-top:8px;padding:2px 8px;font-size:11px;display:inline-block}.msg.error{border:1px solid var(--red-border);background:var(--red-bg);color:var(--red);border-radius:var(--radius-sm);padding:10px 12px}.composer{border-top:1px solid var(--border);background:var(--bg-panel);flex-direction:column;gap:8px;padding:10px;display:flex}.composer-shell{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-xs);flex-direction:column;gap:6px;padding:8px 10px 6px;transition:border-color .12s,box-shadow .12s;display:flex}.composer-shell:focus-within{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.composer.drag-active .composer-shell{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.composer textarea{resize:vertical;background:0 0;border:none;min-height:60px;padding:4px}.composer textarea:focus{box-shadow:none;outline:none}.composer-input-wrap{position:relative}.composer-row{align-items:center;gap:6px;padding-top:4px;display:flex}.composer-row .icon-btn{width:32px;height:32px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.composer-row .icon-btn:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.composer-spacer{flex:1}.composer-import{border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;padding:4px 12px;font-size:12px}.composer-import:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.composer-send{background:var(--accent);border-color:var(--accent);color:var(--on-accent);align-items:center;gap:6px;padding:4px 14px;font-size:13px;font-weight:600;display:inline-flex}.composer-send:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.composer-send.stop{background:var(--text);border-color:var(--text)}.composer-send.stop:hover{background:var(--text-strong);border-color:var(--text-strong)}.composer-hint{color:var(--text-faint);margin:0 8px;font-size:11px}.staged-row{flex-wrap:wrap;gap:6px;padding:4px 4px 0;display:flex}.staged-chip{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);max-width:220px;box-shadow:var(--shadow-xs);align-items:center;gap:6px;padding:4px 8px 4px 4px;font-size:12px;display:inline-flex}.staged-chip img{object-fit:cover;border-radius:6px;width:28px;height:28px}.staged-icon{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-muted);border-radius:6px;justify-content:center;align-items:center;font-size:14px;display:inline-flex}.staged-name{text-overflow:ellipsis;white-space:nowrap;max-width:140px;color:var(--text);overflow:hidden}.staged-remove{color:var(--text-faint);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:0 2px;font-size:13px;line-height:1}.staged-remove:hover{color:var(--red);background:var(--red-bg)}.user-attachments{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.user-attachment{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);max-width:240px;color:var(--text);cursor:default;text-align:left;font-size:12px;font:inherit;align-items:center;gap:8px;padding:4px 10px 4px 4px;font-size:12px;display:inline-flex}.user-attachment.openable{cursor:pointer}.user-attachment.openable:hover{background:var(--bg-subtle);border-color:var(--accent)}.user-attachment img{object-fit:cover;border-radius:6px;width:28px;height:28px;display:block}.user-attachment .staged-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.mention-popover{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);max-height:220px;box-shadow:var(--shadow-md);z-index:10;margin-bottom:4px;position:absolute;bottom:100%;left:0;right:0;overflow-y:auto}.mention-item{text-align:left;background:0 0;border:none;align-items:center;gap:8px;width:100%;padding:7px 10px;font-size:12px;display:flex}.mention-item:hover{background:var(--bg-subtle);border-color:#0000}.mention-item code{text-overflow:ellipsis;white-space:nowrap;background:0 0;flex:1;padding:0;font-size:11px;overflow:hidden}.mention-meta{color:var(--text-muted);flex-shrink:0;font-size:10px}.app-switcher{scrollbar-width:none;align-items:center;gap:4px;min-width:0;display:inline-flex;overflow-x:auto}.app-switcher::-webkit-scrollbar{display:none}.app-switch-group{background:var(--bg-muted);border-radius:11px;gap:2px;margin-right:4px;padding:3px;display:inline-flex}.app-tab{font-family:var(--sans);color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;padding:6px 12px;font-size:13.5px;font-weight:600;line-height:1}.app-tab.is-active{background:var(--accent-soft);color:var(--accent-text)}.app-tab-grouped{border-radius:8px;padding:5px 11px;font-size:13px}.app-tab-grouped.is-active{background:var(--bg-panel);box-shadow:var(--shadow-sm);color:var(--accent-text)}.app-tab-more{color:var(--text-faint);font-weight:500}.suite-credits{font-family:var(--mono);color:var(--text);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-pill);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;align-items:center;gap:4px;padding:5px 11px;font-size:11.5px;font-weight:600;display:inline-flex}.suite-credits b{color:var(--accent-text);font-weight:700}.sv-credits-wrap{display:inline-flex;position:relative}button.sv-credits-btn{cursor:pointer;line-height:1}button.sv-credits-btn:hover{border-color:var(--accent)}.sv-credits-pop{z-index:60;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;gap:8px;min-width:224px;padding:12px;display:flex;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 12px 32px #0f082829}.sv-pop-row{color:var(--text-muted);justify-content:space-between;gap:16px;font-size:12.5px;display:flex}.sv-pop-row b{color:var(--text);font-weight:600}.sv-pop-action{cursor:pointer;background:var(--accent);color:var(--on-accent);font:inherit;border:0;border-radius:9px;margin-top:2px;padding:8px 10px;font-size:12.5px;font-weight:600;transition:background .12s}.sv-pop-action:hover{background:var(--accent-hover)}.sv-pop-action:disabled{opacity:.6;cursor:default}.sv-pop-note{color:var(--text-muted);margin:2px 0 0;font-size:11px;line-height:1.45}@media (prefers-reduced-motion:reduce){.sv-pop-action{transition:none}}
.modal-backdrop{z-index:100;background:#1c1b1a6b;justify-content:center;align-items:center;animation:.16s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--bg-elevated);border-radius:var(--radius-lg);width:min(520px,100% - 32px);box-shadow:var(--shadow-lg);flex-direction:column;gap:12px;padding:22px;animation:.22s cubic-bezier(.22,1,.36,1) pop-in;display:flex}.modal h2{letter-spacing:-.01em;margin:0;font-size:18px;font-weight:600}.modal label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.modal .hint{color:var(--text-muted);margin:0;font-size:12px;line-height:1.55}.modal .row{justify-content:flex-end;gap:8px;margin-top:4px;display:flex}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes pop-in{0%{opacity:0;transform:translateY(6px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.85)}}.modal-settings{--modal-padding:24px;gap:0;width:min(920px,100vw - 48px);max-height:calc(100vh - 64px);padding:0}@media (max-height:600px){.modal-settings{max-height:90vh}}.modal-settings .modal-body{border-top:1px solid var(--border);flex:1;grid-template-columns:240px minmax(0,1fr);gap:0;min-height:0;margin:0;padding:0;display:grid;overflow-y:auto}.modal-head{padding:var(--modal-padding);flex-direction:column;flex-shrink:0;gap:4px;display:flex}.modal-head .kicker{text-transform:uppercase;letter-spacing:.08em;color:var(--accent-text);font-size:11px;font-weight:600}.modal-head h2{letter-spacing:-.015em;color:var(--text);font-size:22px;font-weight:600}.modal-head .subtitle{color:var(--text-muted);max-width:50ch;margin:4px 0 0;font-size:13px;line-height:1.55}.modal-foot{padding:12px var(--modal-padding);border-top:1px solid var(--border);flex-shrink:0;justify-content:flex-end;gap:8px;margin-top:0;display:flex}.settings-sidebar{background:var(--bg-subtle);border-right:1px solid var(--border);flex-direction:column;gap:8px;padding:22px 12px;display:flex}.settings-nav-item{width:100%;color:var(--text-muted);text-align:left;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:12px;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.settings-nav-item:hover{background:color-mix(in srgb, var(--bg-panel) 72%, transparent);color:var(--text)}.settings-nav-item.active{background:var(--bg-panel);border-color:color-mix(in srgb, var(--accent) 62%, var(--border));color:var(--text);box-shadow:var(--shadow-xs)}.settings-nav-item svg{justify-self:center}.settings-nav-item span{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-nav-item strong{color:currentColor;overflow-wrap:anywhere;font-size:13px;font-weight:650;line-height:1.2}.settings-nav-item small{color:var(--text-muted);overflow-wrap:anywhere;font-size:11px;line-height:1.25}.settings-content{min-width:0;padding:22px var(--modal-padding);flex-direction:column;gap:18px;display:flex;overflow:auto}@media (max-width:760px){.modal-settings{width:min(560px,100vw - 24px)}.modal-settings .modal-body{grid-template-columns:1fr}.settings-sidebar{border-right:0;border-bottom:1px solid var(--border);flex-direction:row;padding:10px 12px;overflow-x:auto}.settings-nav-item{min-width:150px}}.seg-control{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;gap:6px;padding:4px;display:grid}.seg-control--4{grid-template-columns:repeat(4,minmax(0,1fr))}.seg-control--3{grid-template-columns:repeat(3,minmax(0,1fr))}.seg-btn{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:10px;flex-direction:column;align-items:flex-start;gap:2px;padding:10px 14px;display:flex}.seg-btn:hover:not(:disabled):not(.active){background:color-mix(in srgb, var(--bg-panel) 60%, transparent)}.seg-btn.active{background:var(--bg-panel);border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.seg-btn .seg-title{color:var(--text);font-size:13px;font-weight:600}.seg-btn .seg-meta{color:var(--text-muted);letter-spacing:.01em;font-size:11px}.seg-btn:disabled{opacity:.55;cursor:not-allowed}.settings-section{flex-direction:column;gap:12px;display:flex}.settings-about-list{flex-direction:column;gap:8px;margin:0;display:flex}.settings-about-list>div{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);justify-content:space-between;gap:16px;padding:12px;display:flex}.settings-about-list dt{color:var(--text-muted);font-size:12px}.settings-about-list dd{color:var(--text);text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:600}.media-provider-list{flex-direction:column;gap:10px;display:flex}.media-provider-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);flex-direction:column;gap:8px;padding:12px;display:flex}.media-provider-row.pending{background:var(--bg-subtle);border-style:dashed}.media-provider-head{justify-content:space-between;gap:10px;display:flex}.media-provider-meta{flex-direction:column;gap:2px;display:flex}.media-provider-name{color:var(--text);font-size:13px;font-weight:600}.media-provider-hint{color:var(--text-muted);font-size:11px}.media-provider-badge{border-radius:var(--radius-pill);border:1px solid var(--border);align-self:flex-start;padding:2px 7px;font-size:10px;font-weight:600}.media-provider-badges{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.media-provider-badge.integrated{color:var(--green);background:color-mix(in srgb, var(--green) 10%, transparent);border-color:color-mix(in srgb, var(--green) 28%, var(--border))}.media-provider-badge.unsupported{color:var(--text-soft);background:var(--bg-subtle);border-color:var(--border)}.media-provider-badge.on{color:var(--blue);background:color-mix(in srgb, var(--blue) 10%, transparent);border-color:color-mix(in srgb, var(--blue) 28%, var(--border))}.media-provider-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:6px;display:grid}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.section-head h3{letter-spacing:.01em;margin:0;font-size:13px;font-weight:600}.section-head .hint{margin-top:2px}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--text-muted);font-size:12px;font-weight:500}.field-row{align-items:stretch;gap:6px;display:flex}.field-row input{flex:1}.field-row .icon-btn{white-space:nowrap;padding:6px 12px}.settings-language-picker{position:relative}.settings-language-button{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);text-align:left;box-shadow:none;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.settings-language-button:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.settings-language-button[aria-expanded=true]{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.settings-language-icon{background:linear-gradient(135deg, var(--bg-elevated) 0%, var(--bg-subtle) 100%);border:1px solid var(--border);width:42px;height:42px;color:var(--accent-text);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.settings-language-text,.settings-language-option>span:first-child{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-language-title,.settings-language-option-title{color:var(--text);overflow-wrap:anywhere;font-size:13px;font-weight:600}.settings-language-code,.settings-language-option-code{color:var(--text-muted);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.settings-language-menu{z-index:1000;background:var(--bg-panel);border:1px solid var(--border-strong);border-radius:var(--radius-sm);max-width:calc(100vw - 24px);box-shadow:var(--shadow-popover);flex-direction:column;gap:2px;padding:4px;display:flex;position:fixed}.settings-language-option{text-align:left;width:100%;color:var(--text);background:0 0;border:0;border-radius:9px;grid-template-columns:1fr auto;align-items:center;gap:12px;padding:10px 12px;display:grid}.settings-language-option:hover,.settings-language-option.active{background:var(--bg-subtle)}.settings-language-option.active{color:var(--accent-text)}.empty-card{border:1px dashed var(--border);border-radius:var(--radius-sm);color:var(--text-muted);background:var(--bg-subtle);padding:16px;font-size:12px}.agent-grid{grid-template-columns:repeat(2,1fr);gap:8px;display:grid}.agent-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:10px;padding:10px 12px;transition:border-color .12s,transform .12s,box-shadow .12s,background .12s;display:flex;position:relative}.agent-card:hover:not(.disabled){border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.agent-card.active{border-color:var(--accent);background:linear-gradient(180deg, var(--bg-elevated) 0%, color-mix(in srgb, var(--accent-soft) 60%, var(--bg-panel)) 100%);box-shadow:0 0 0 3px var(--accent-soft)}.agent-card.disabled{cursor:not-allowed;opacity:.55;background:var(--bg-subtle)}.agent-card-body{flex-direction:column;flex:1;min-width:0;display:flex}.agent-card-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:600;overflow:hidden}.agent-card-meta{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.agent-card-meta .muted{color:var(--text-soft);font-style:italic}.agent-model-row{border:1px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--bg-subtle);flex-direction:column;gap:8px;padding:12px;display:flex}.agent-model-row .field{gap:4px}.agent-model-row .field-label{text-transform:uppercase;letter-spacing:.04em;color:var(--text-muted);font-size:12px}.agent-model-row .hint{margin:0;font-size:12px}.status-dot{background:var(--border-strong);border-radius:50%;flex-shrink:0;width:8px;height:8px}.status-dot.active{background:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.agent-icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0f,0 1px 2px #1c1b1a14}.error{border-color:var(--red-border);background:var(--red-bg);color:var(--red)}.activity{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-subtle);margin:4px 0 8px;padding:8px 10px}.activity-header{align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.activity-header .dot{background:var(--text-muted);border-radius:50%;flex:none;width:8px;height:8px}.activity-header .dot[data-active=true]{background:var(--accent);animation:1.2s ease-in-out infinite pulse}.activity-title{font-weight:500}.activity-stats{color:var(--text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:11px}.activity-list{flex-direction:column;gap:4px;max-height:280px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.activity-item{align-items:flex-start;gap:8px;padding:2px 0;font-size:12px;line-height:1.4;display:flex}.activity-item .badge{letter-spacing:.02em;background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);text-align:center;border-radius:4px;flex:none;min-width:56px;padding:1px 6px;font-size:10px;font-weight:500;display:inline-block}.activity-item .badge-tool{background:var(--blue-bg);border-color:var(--blue-border);color:var(--blue)}.activity-item .badge-result{background:var(--green-bg);border-color:var(--green-border);color:var(--green)}.activity-item .badge-error,.activity-item .badge-result.badge-error{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.activity-item .badge-thinking{background:var(--purple-bg);border-color:var(--purple-border);color:var(--purple)}.activity-item .badge-status{background:var(--bg-panel)}.activity-item .badge-text{border-color:var(--border);background:0 0}.activity-item .badge-usage{background:var(--bg-panel);color:var(--text-muted)}.activity-item .detail{overflow-wrap:break-word;word-break:break-word;flex:1;min-width:0}.activity-item .detail.muted{color:var(--text-muted)}.activity-item .thinking-text{color:var(--text-muted);font-style:italic}.activity-waiting{color:var(--text-muted);font-size:11px;font-style:italic}
.entry-shell{background:var(--bg);grid-template-rows:auto auto 1fr;height:100vh;min-height:0;display:grid}.entry-hero{border-bottom:1px solid var(--border-soft);background:var(--bg);min-width:0;padding:26px 28px 18px}.entry-hero-eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);margin:0 0 10px;font-size:11px;font-weight:600}.entry-hero-title{font-family:var(--sans);letter-spacing:-.02em;color:var(--text-strong);text-wrap:balance;margin:0;font-size:clamp(24px,2.6vw,34px);font-weight:900;line-height:1.04}.entry-hero-accent{color:var(--accent-text)}.entry-hero-lead{max-width:56ch;color:var(--text-muted);margin:8px 0 0;font-size:14px;line-height:1.5}@media (max-width:720px){.entry-hero{padding:18px 16px 14px}.entry-hero-title{font-size:clamp(22px,6vw,28px)}}.entry-chrome{min-height:var(--chrome-height);background:var(--bg-panel);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;min-width:0;padding:0 18px 0 14px;display:flex}.entry-chrome-brand,button.entry-chrome-brand{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;flex-shrink:0;align-items:center;gap:10px;margin:0;padding:4px 16px 4px 4px;transition:background .18s;display:flex}button.entry-chrome-brand:hover{background:var(--bg-subtle)}button.entry-chrome-brand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entry-chrome-mark{flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:inline-flex}.entry-chrome-mark .brand-mark-img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.entry-chrome-name{font-family:var(--brand-display);text-transform:lowercase;letter-spacing:-.02em;white-space:nowrap;font-size:15px;line-height:1}.entry-chrome-divider{background:var(--border-strong);opacity:.55;flex-shrink:0;width:1px;height:22px}.entry-chrome-products{scrollbar-width:none;align-items:center;gap:2px;min-width:0;height:100%;padding:0 14px;display:flex;overflow-x:auto}.entry-chrome-products::-webkit-scrollbar{display:none}.entry-chrome-spacer{flex:1;min-width:12px}.entry-chrome-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.theme-toggle{width:36px;height:36px;color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:15px;transition:background .18s,color .18s,border-color .18s,transform .18s;display:inline-flex}.theme-toggle:hover{background:var(--bg-subtle);color:var(--text-strong);border-color:var(--border)}.theme-toggle:active{transform:scale(.95)}.theme-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.undo-toast{background:var(--text-strong);color:var(--bg-panel);border-radius:var(--radius-pill);box-shadow:var(--shadow-lg);z-index:1000;align-items:center;gap:14px;padding:10px 8px 10px 18px;font-size:13px;font-weight:500;animation:.22s cubic-bezier(.2,.8,.2,1) undo-toast-in;display:inline-flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%)}.undo-toast.undo-toast-err{background:var(--red-bg);border-color:var(--red-border);color:var(--red)}.undo-toast.undo-toast-err .undo-toast-action{color:var(--red)}.undo-toast-text{white-space:nowrap;text-overflow:ellipsis;max-width:320px;overflow:hidden}.undo-toast-action{color:var(--accent-text);cursor:pointer;border-radius:var(--radius-pill);background:0 0;border:0;padding:6px 14px;font-size:13px;font-weight:600;transition:background .15s}.undo-toast-action:hover{background:color-mix(in srgb, var(--accent) 14%, transparent)}@keyframes undo-toast-in{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.atb-chip{font-family:var(--sans);white-space:nowrap;cursor:default;-webkit-user-select:none;user-select:none;border-radius:7px;padding:5px 10px;font-size:12px;font-weight:500;transition:background .18s,color .18s}.atb-chip-on{color:var(--text-strong);background:0 0;font-weight:600}.atb-chip-off{color:var(--text-soft);font-weight:500}.entry-chrome-products-more{opacity:.55}.entry{--entry-sidebar-width:380px;grid-template-columns:var(--entry-sidebar-width,380px) 1fr;background:var(--bg);height:100%;min-height:0;display:grid}.entry-side{border-right:1px solid var(--border);background:var(--bg-panel);flex-direction:column;gap:18px;padding:18px 24px 20px;display:flex;position:relative;overflow-y:auto}.entry-brand{align-items:center;gap:12px;display:flex}.entry-brand-mark{background:var(--brand-mark-grad);width:44px;height:44px;color:var(--accent-text);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.entry-brand-mark .brand-mark-img{object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;width:100%;height:100%;padding:2px;display:block}.entry-brand-text{flex-direction:column;gap:4px;min-width:0;display:flex}.entry-brand-title-row{align-items:center;gap:8px;display:flex}.entry-brand-title{font-family:var(--brand-display);text-transform:lowercase;letter-spacing:-.02em;font-size:20px;line-height:1}.sv-eyebrow{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--text-soft);white-space:nowrap;align-items:baseline;gap:0;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.sv-eyebrow:before{content:"> ";color:var(--accent-text);margin-right:.15em;font-weight:500}.entry-brand-title .nl-s,.entry-chrome-name .nl-s,.app-chrome-name .nl-s{color:var(--wordmark-sweet);margin-right:.22em}.entry-brand-title .nl-v,.entry-chrome-name .nl-v,.app-chrome-name .nl-v{color:var(--wordmark-vibes)}.entry-brand-pill{letter-spacing:.02em;background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-text);border:0;border-radius:7px;padding:3px 9px;font-size:11px;font-weight:500}.entry-brand-subtitle{color:var(--text-muted);letter-spacing:.01em;font-size:12px}.newproj{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel);box-shadow:var(--shadow-xs);flex-direction:column;display:flex}.newproj-tabs-shell{border-bottom:1px solid var(--border);position:relative;overflow:hidden}.newproj-tabs{scroll-behavior:smooth;scrollbar-width:none;gap:2px;padding:4px 4px 0;display:flex;overflow:auto hidden}.newproj-tabs::-webkit-scrollbar{display:none}.newproj-tabs-shell:before,.newproj-tabs-shell:after{content:"";z-index:1;pointer-events:none;opacity:0;width:28px;transition:opacity .12s;position:absolute;top:0;bottom:0}.newproj-tabs-shell:before{background:linear-gradient(90deg, var(--bg-panel), transparent);left:0}.newproj-tabs-shell:after{background:linear-gradient(270deg, var(--bg-panel), transparent);right:0}.newproj-tabs-shell.can-left:before,.newproj-tabs-shell.can-right:after{opacity:1}.newproj-tabs-arrow{z-index:2;border:1px solid var(--border);background:var(--bg-panel);width:28px;height:28px;color:var(--text-strong);box-shadow:var(--shadow-xs);border-radius:999px;justify-content:center;align-items:center;padding:0;transition:opacity .12s,transform .12s;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.newproj-tabs-arrow:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.newproj-tabs-arrow svg{flex:none;display:block}.newproj-tabs-arrow.left{left:6px}.newproj-tabs-arrow.right{right:6px}.newproj-tabs-arrow.hidden{opacity:0;pointer-events:none;transform:translateY(-50%)scale(.92)}.newproj-tab{min-width:max-content;color:var(--text-muted);background:0 0;border:0;border-radius:7px;flex:none;padding:6px 11px;font-size:12px;font-weight:500;transition:background .18s,color .18s}.newproj-tab:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.newproj-tab.active{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-text)}.newproj-body{flex-direction:column;gap:14px;padding:18px;display:flex}.newproj-title{letter-spacing:-.012em;color:var(--text-strong);margin:0;font-size:16px;font-weight:700}.newproj-body>.sv-eyebrow+.newproj-title{margin-top:-10px}.newproj-suite-intent{border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.newproj-suite-intent svg{color:var(--accent-text);flex:none;margin-top:1px}.newproj-suite-intent-body{flex-direction:column;gap:2px;min-width:0;display:flex}.newproj-suite-intent-body strong{letter-spacing:-.006em;color:var(--text-strong);font-size:13px;font-weight:700}.newproj-suite-intent-body span{color:var(--text-muted);font-size:12px}.newproj-prompt{flex-direction:column;gap:8px;display:flex}.newproj-prompt-input{background:var(--bg-panel);border:1px solid var(--border-strong);width:100%;min-height:84px;font-family:var(--sans);color:var(--text-strong);resize:vertical;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5;transition:border-color .18s,box-shadow .18s}.newproj-prompt-input::placeholder{color:var(--text-soft)}.newproj-prompt-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent);outline:0}.newproj-prompt-hints{flex-wrap:wrap;gap:6px;display:flex}.newproj-prompt-hint{font-family:var(--mono);letter-spacing:.02em;color:var(--text-soft);background:var(--bg-subtle);-webkit-user-select:none;user-select:none;border-radius:6px;align-items:center;padding:3px 8px;font-size:10px;display:inline-flex}.newproj-prompt-hint-spacer{flex:1}.newproj-prompt-attach,.newproj-prompt-mic{font-family:var(--sans);background:var(--bg-panel);border:1px solid var(--border-strong);min-height:32px;color:var(--text-muted);cursor:pointer;border-radius:7px;align-items:center;gap:6px;padding:7px 12px;font-size:12px;font-weight:500;transition:border-color .18s,color .18s,background .18s,box-shadow .18s;display:inline-flex}.newproj-prompt-attach:hover,.newproj-prompt-mic:hover{border-color:var(--accent);color:var(--accent-text);background:var(--accent-tint)}.newproj-prompt-mic.listening{border-color:var(--accent);background:var(--accent);color:var(--on-accent);animation:1.4s ease-in-out infinite sv-mic-pulse}.newproj-prompt-mic.listening:hover{background:var(--accent-hover);border-color:var(--accent-hover);color:var(--on-accent)}.newproj-prompt-mic-label{font-family:var(--mono);letter-spacing:.04em;font-size:10px}@keyframes sv-mic-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 0%, transparent)}}.newproj-prompt-attachments{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.newproj-prompt-attachment{border:1px solid var(--border);background:var(--bg-panel);color:var(--text);border-radius:8px;align-items:center;gap:8px;min-width:0;padding:6px 8px 6px 10px;font-size:12px;display:flex}.newproj-prompt-attachment>svg{color:var(--text-muted);flex-shrink:0}.newproj-prompt-attachment-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.newproj-prompt-attachment-size{font-family:var(--mono);color:var(--text-soft);flex-shrink:0;font-size:10px}.newproj-prompt-attachment-remove{width:28px;height:28px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .15s,color .15s;display:inline-flex}.newproj-prompt-attachment-remove:hover{background:var(--bg-subtle);color:var(--text-strong)}.newproj-name{width:100%}.newproj-section{flex-direction:column;gap:8px;display:flex}.newproj-label{font-family:var(--mono);color:var(--text-soft);letter-spacing:.18em;text-transform:uppercase;font-size:9px;font-weight:500}.newproj-media-options{flex-direction:column;gap:14px;display:flex}.newproj-media-field,.newproj-media-options .newproj-label{flex-direction:column;gap:6px;display:flex}.newproj-model-groups{flex-direction:column;gap:12px;display:flex}.newproj-model-group{flex-direction:column;gap:8px;display:flex}.newproj-provider-row{color:var(--text-muted);letter-spacing:.11em;text-transform:uppercase;align-items:center;gap:8px;font-size:11px;font-weight:700;display:flex}.newproj-provider-badge{letter-spacing:.08em;border-radius:999px;padding:2px 8px;font-size:10px}.newproj-provider-badge.configured{border:1px solid color-mix(in srgb, var(--blue) 24%, transparent);background:color-mix(in srgb, var(--blue) 10%, transparent);color:var(--blue)}.newproj-provider-badge.integrated{border:1px solid color-mix(in srgb, var(--accent) 24%, transparent);background:color-mix(in srgb, var(--accent) 10%, transparent);color:color-mix(in srgb, var(--accent) 78%, var(--text-strong))}.newproj-provider-badge.unsupported{border:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted)}.newproj-model-grid,.newproj-option-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.newproj-option-grid.aspect-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.newproj-option-grid.compact{grid-template-columns:repeat(auto-fit,minmax(92px,1fr))}.newproj-card{border:1px solid var(--border);background:var(--bg-panel);color:var(--text-strong);box-shadow:var(--shadow-xs);cursor:pointer;text-align:left;border-radius:10px;transition:border-color .14s,background .14s,box-shadow .14s}.newproj-card:hover{border-color:var(--border-strong);background:var(--bg-subtle)}.newproj-card.active{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 9%, var(--bg-panel));box-shadow:0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent)}.newproj-model-card{flex-direction:column;gap:5px;min-height:74px;padding:12px;display:flex}.newproj-model-name{font-family:var(--mono);font-size:14px;font-weight:700;line-height:1.2}.newproj-model-hint{color:var(--text-muted);font-size:12px;line-height:1.35}.newproj-option-card{text-align:center;min-height:62px;color:var(--text-muted);justify-content:center;align-items:center;gap:7px;padding:10px;font-size:12px;font-weight:600;display:flex}.newproj-option-card small{color:var(--text-muted);font-size:11px}.aspect-copy{flex-direction:column;align-items:center;gap:2px;line-height:1.15;display:flex}.aspect-copy strong{color:var(--text-muted);font-size:13px;font-weight:650}.aspect-copy small{color:var(--text-muted);font-size:12px}.aspect-glyph{background:var(--bg-subtle);width:34px;height:24px;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--border) 80%, transparent);border-radius:4px;flex:none}.aspect-1-1{width:26px;height:26px}.aspect-16-9{width:36px;height:20px}.aspect-9-16{width:20px;height:36px}.aspect-4-3{width:32px;height:24px}.aspect-3-4{width:24px;height:32px}@media (max-width:560px){.newproj-model-grid,.newproj-option-grid,.newproj-option-grid.aspect-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.newproj-skills{flex-direction:column;gap:6px;max-height:220px;padding-right:4px;display:flex;overflow-y:auto}.skill-radio{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;background:var(--bg-panel);align-items:flex-start;gap:8px;padding:10px 12px;display:flex}.skill-radio:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.skill-radio.active{border-color:var(--accent);background:var(--accent-tint)}.skill-radio input{width:auto;margin-top:2px}.skill-radio-body{flex-direction:column;gap:2px;min-width:0;display:flex}.skill-radio-name{font-size:13px;font-weight:500}.skill-radio-desc{color:var(--text-muted);font-size:11px;line-height:1.4}.newproj-empty{color:var(--text-muted);padding:8px 0;font-size:12px;font-style:italic}.video-body,.audio-body{background:var(--bg-subtle);flex:1;justify-content:center;align-items:center;min-height:0;padding:24px;display:flex}.video-body video{border-radius:var(--radius-sm);background:var(--media-bg);max-width:100%;max-height:100%}.audio-card{width:min(100%,480px);color:var(--text-muted);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;align-items:center;gap:10px;padding:28px 32px;display:flex}.audio-card-name{color:var(--text);text-align:center;word-break:break-word;font-size:13px;font-weight:500}.audio-card audio{width:100%}.newproj-create{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;margin-top:4px;padding:11px;font-size:13px;display:inline-flex}.newproj-import{border-radius:var(--radius-sm);justify-content:center;align-items:center;gap:8px;width:100%;padding:10px;font-size:13px;display:inline-flex}.newproj-create svg,.newproj-import svg{flex:none;display:block}.newproj-footer{color:var(--text-muted);text-align:center;padding:0 18px 16px;font-size:11px}.newproj-more-toggle{font-family:var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--text-soft);cursor:pointer;background:0 0;border:0;align-self:flex-start;align-items:center;gap:6px;padding:2px;font-size:11px;font-weight:500;transition:color .15s;display:inline-flex}.newproj-more-toggle:hover{color:var(--text);background:0 0}.newproj-more-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.fidelity-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.fidelity-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:stretch;gap:8px;padding:10px 10px 12px;transition:border-color .12s,box-shadow .12s,background .12s;display:flex;position:relative}.fidelity-card:hover{border-color:var(--border-strong)}.fidelity-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 1px 0 #b45a3b0a}.fidelity-thumb{aspect-ratio:12/7;background:var(--bg-subtle);border:1px solid var(--border-soft);border-radius:4px;width:100%;display:block;overflow:hidden}.fidelity-thumb-wireframe{background:var(--bg-subtle)}.fidelity-thumb-high-fidelity{background:var(--bg-panel)}.fidelity-card.active .fidelity-thumb{border-color:var(--accent-soft)}.fidelity-label{text-align:center;color:var(--text);font-size:12px;font-weight:500}.toggle-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:12px;width:100%;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.toggle-row:hover{border-color:var(--border-strong)}.toggle-row.on{border-color:var(--accent);background:var(--accent-tint)}.toggle-row-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.toggle-row-label{color:var(--text);font-size:13px;font-weight:500}.toggle-row-hint{color:var(--text-muted);font-size:12px;line-height:1.4}.toggle-row-switch{background:var(--border-strong);border-radius:999px;flex:none;width:32px;height:18px;transition:background .16s;position:relative}.toggle-row-switch:after{content:"";background:var(--text-inverse);border-radius:50%;width:14px;height:14px;transition:transform .16s cubic-bezier(.2,0,.2,1);position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #1c1b1a2e}.toggle-row.on .toggle-row-switch{background:var(--accent)}.toggle-row.on .toggle-row-switch:after{transform:translate(14px)}.template-list{flex-direction:column;gap:6px;display:flex}.template-option{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:flex-start;gap:10px;padding:12px 14px;transition:border-color .12s,background .12s;display:flex}.template-option:hover{border-color:var(--border-strong)}.template-option.active{border-color:var(--accent);background:var(--accent-tint)}.template-radio{border:1.5px solid var(--border-strong);background:var(--bg-panel);border-radius:50%;flex:none;width:14px;height:14px;margin-top:2px;position:relative}.template-radio.active{border-color:var(--accent);background:var(--bg-panel)}.template-radio.active:after{content:"";background:var(--accent);border-radius:50%;position:absolute;inset:2px}.template-option-text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.template-option-name{color:var(--text);font-size:13px;font-weight:500}.template-option-desc{color:var(--text-muted);font-size:12px;line-height:1.4}.template-howto{background:var(--bg-subtle);border:1px dashed var(--border-strong);border-radius:var(--radius-sm);flex-direction:column;gap:4px;padding:12px 14px;display:flex}.template-howto-title{color:var(--text);font-size:13px;font-weight:500}.template-howto-body{color:var(--text-muted);font-size:12px;line-height:1.45}.ds-picker{position:relative}.ds-picker-trigger{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;text-align:left;align-items:center;gap:10px;width:100%;padding:8px 10px;transition:border-color .12s,box-shadow .12s;display:flex}.ds-picker-trigger:hover{border-color:var(--border-strong)}.ds-picker-trigger.open{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.ds-picker-meta{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ds-picker-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.ds-picker-extra-pill{letter-spacing:.04em;background:var(--accent-soft);color:var(--accent-text);border-radius:999px;padding:1px 6px;font-size:10px;font-weight:600}.ds-picker-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ds-picker-chevron{color:var(--text-muted);flex:none;transition:transform .16s}.ds-picker-trigger.empty .ds-picker-title{color:var(--text-muted);font-weight:500}.ds-avatar{border:1px solid var(--border);background:var(--bg-panel);border-radius:6px;flex:none;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex;position:relative;overflow:hidden}.ds-avatar-grid{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;width:100%;height:100%;display:grid}.ds-avatar-cell{display:block}.ds-avatar-stack{letter-spacing:.02em;background:var(--text-strong);color:var(--text-inverse);border:2px solid var(--bg-panel);border-radius:999px;padding:1px 5px;font-size:11px;font-weight:600;position:absolute;bottom:-2px;right:-2px}.ds-avatar-none{background:var(--bg-subtle);color:var(--text-faint)}.ds-picker-popover{z-index:30;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);flex-direction:column;animation:.14s cubic-bezier(.2,0,.2,1) ds-pop-in;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes ds-pop-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ds-picker-head{border-bottom:1px solid var(--border);background:var(--bg-subtle);align-items:center;gap:8px;padding:8px;display:flex}.ds-picker-search{background:var(--bg-panel);flex:1;font-size:13px;border:1px solid var(--border)!important;border-radius:var(--radius-sm)!important;padding:6px 10px!important}.ds-picker-mode{background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;flex:none;padding:2px;display:inline-flex}.ds-picker-mode-btn{font-weight:500;color:var(--text-muted)!important;box-shadow:none!important;background:0 0!important;border:none!important;border-radius:999px!important;padding:3px 10px!important;font-size:11px!important}.ds-picker-mode-btn.active{background:var(--accent)!important;color:var(--on-accent)!important}.ds-picker-list{flex-direction:column;max-height:320px;padding:4px;display:flex;overflow-y:auto}.ds-picker-empty{color:var(--text-muted);text-align:center;padding:16px 12px;font-size:12px}.ds-picker-item{border-radius:var(--radius-sm);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:10px;padding:8px;display:flex}.ds-picker-item:hover{background:var(--bg-subtle)}.ds-picker-item.active{background:var(--accent-tint);border-color:var(--accent-soft)}.ds-picker-item-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.ds-picker-item-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;align-items:center;gap:6px;font-size:13px;font-weight:500;display:inline-flex;overflow:hidden}.ds-picker-item-badge{letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:2px 5px;font-size:10px;font-weight:600}.ds-picker-item-sub{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.ds-picker-mark{color:#0000;flex:none;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:600;display:inline-flex}.ds-picker-mark.radio{border:1.5px solid var(--border-strong);background:var(--bg-panel);border-radius:50%;position:relative}.ds-picker-mark.radio.active{border-color:var(--accent)}.ds-picker-mark.radio.active:after{content:"";background:var(--accent);border-radius:50%;width:9px;height:9px}.ds-picker-mark.check{border:1.5px solid var(--border-strong);background:var(--bg-panel);color:var(--bg-panel);border-radius:4px}.ds-picker-mark.check.active{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.ds-picker-foot{border-top:1px solid var(--border);background:var(--bg-subtle);color:var(--text-muted);align-items:center;gap:8px;padding:8px 10px;font-size:12px;line-height:1.4;display:flex}.ds-picker-foot-text{flex:1;min-width:0}.ds-picker-foot-text strong{color:var(--text);font-weight:600}.ds-picker-clear{flex:none;background:var(--bg-panel)!important;color:var(--text)!important;border:1px solid var(--border)!important;padding:4px 10px!important;font-size:11px!important}.ds-picker-clear:hover{border-color:var(--border-strong)!important}.entry-side-foot{flex-direction:column;gap:6px;margin-top:auto;padding-top:16px;display:flex}.entry-side-foot .foot-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);min-height:32px;color:var(--text-muted);cursor:pointer;align-self:flex-start;align-items:center;gap:6px;padding:7px 12px;font-size:13px;text-decoration:none;display:inline-flex}.entry-side-foot .foot-pill:hover{background:var(--bg-panel);border-color:var(--border-strong);color:var(--text)}.entry-side-foot .foot-pill .foot-pill-sep{color:var(--text-faint)}.entry-side-foot .foot-pill .foot-pill-meta{text-overflow:ellipsis;white-space:nowrap;max-width:min(260px,40vw);overflow:hidden}.inline-prompt{flex-direction:column;gap:18px;width:min(440px,100% - 32px);display:flex}.inline-prompt-title{font-family:var(--sans);letter-spacing:-.01em;color:var(--text);margin:0;font-size:18px;font-weight:650}.inline-prompt-fields{flex-direction:column;gap:12px;display:flex}.inline-prompt-field{flex-direction:column;gap:4px;display:flex}.inline-prompt-field-label{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text-soft);font-size:10px}.inline-prompt-field input,.inline-prompt-field textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--bg-panel);width:100%;color:var(--text);font:inherit;padding:8px 10px;font-size:13px}.inline-prompt-field input:focus,.inline-prompt-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-tint);outline:0}.inline-prompt-field textarea{resize:vertical;min-height:64px;font-family:var(--mono)}.inline-prompt-actions{justify-content:flex-end;gap:8px;display:flex}.inline-prompt-actions button{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--bg-panel);color:var(--text);cursor:pointer;min-height:32px;padding:7px 14px;font-size:13px}.inline-prompt-actions button.ghost{color:var(--text-muted);background:0 0;border-color:#0000}.inline-prompt-actions button.ghost:hover{background:var(--bg-subtle);color:var(--text)}.inline-prompt-actions button.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.inline-prompt-actions button.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.inline-prompt-actions button:disabled{opacity:.5;cursor:not-allowed}.link-button{font:inherit;color:var(--accent-text);cursor:pointer;text-underline-offset:2px;background:0 0;border:0;padding:0;text-decoration:underline}.link-button:hover{color:var(--accent-hover)}.sv-visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.entry-side-foot .foot-pill .ico{opacity:.7;font-size:12px}.lang-menu-wrap{align-self:flex-start;position:relative}.lang-menu-wrap .lang-pill{font-variant-numeric:tabular-nums}.lang-menu-popover{z-index:50;background:var(--bg-panel);border:1px solid var(--border-strong);width:max-content;min-width:180px;max-width:min(280px,100vw - 48px);box-shadow:var(--shadow-popover);border-radius:10px;flex-direction:column;padding:4px;display:flex;position:absolute;bottom:calc(100% + 6px);left:0}.lang-menu-item{color:var(--text);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:7px 10px;font-size:13px;display:grid}.lang-menu-label{overflow-wrap:anywhere;min-width:0}.lang-menu-item:hover,.lang-menu-item.active{background:var(--bg-subtle)}.lang-menu-item .lang-menu-code{color:var(--text-faint);font-variant-numeric:tabular-nums;letter-spacing:.02em;font-size:11px}.lang-menu-item .lang-menu-check{color:var(--text-muted);align-items:center;display:inline-flex}.entry-main{flex-direction:column;min-width:0;min-height:0;display:flex}.entry-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:52px;padding:0 28px;display:flex}.entry-header-tabs-row{align-items:center;gap:24px;display:flex}.entry-tabs{scrollbar-width:none;gap:2px;min-width:0;display:flex;overflow:auto hidden}.entry-tabs::-webkit-scrollbar{display:none}.entry-tabs-sep{background:var(--border-strong);opacity:.5;flex-shrink:0;align-self:center;width:1px;height:18px;margin:0 8px;display:inline-block}.entry-tab{color:var(--text-muted);white-space:nowrap;letter-spacing:-.005em;background:0 0;border:0;border-radius:8px;flex:none;padding:8px 14px;font-size:13px;font-weight:500;transition:background .18s,color .18s}.entry-tab:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.entry-tab.active{background:color-mix(in srgb, var(--accent) 10%, transparent);color:var(--accent-text)}.entry-header-right{flex:none;align-items:center;gap:8px;display:inline-flex}.entry-tab-content{background:var(--bg);flex:1;min-height:0;padding:22px 28px 32px;overflow-y:auto}.tab-panel{flex-direction:column;gap:18px;display:flex}.tab-panel-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.tab-panel-toolbar .toolbar-left,.tab-panel-toolbar .toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;min-width:0;display:flex}.tab-panel-toolbar .toolbar-search{flex:240px;width:min(280px,100%);max-width:100%;position:relative}.tab-panel-toolbar .toolbar-search input{background:var(--bg-panel);border-color:var(--border-strong);padding-left:30px}.tab-panel-toolbar .toolbar-search .search-icon{color:var(--text-faint);pointer-events:none;font-size:13px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.tab-empty{text-align:center;color:var(--text-muted);padding:48px 0;font-size:13px}.onboarding-empty{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius-lg);max-width:560px;box-shadow:var(--shadow-md);margin:32px auto;padding:36px 40px 32px}.onboarding-title{letter-spacing:-.01em;color:var(--text-strong);margin:0 0 8px;font-size:24px;font-weight:700}.onboarding-subtitle{color:var(--text-muted);margin:0 0 28px;font-size:15px;line-height:1.5}.onboarding-steps{flex-direction:column;gap:18px;margin:0 0 28px;padding:0;list-style:none;display:flex}.onboarding-step{align-items:flex-start;gap:14px;display:flex}.onboarding-step-num{background:var(--accent);width:28px;height:28px;color:var(--on-accent);font-variant-numeric:tabular-nums;border-radius:50%;flex:none;place-items:center;font-size:14px;font-weight:700;display:grid}.onboarding-step-text{flex-direction:column;gap:3px;display:flex}.onboarding-step-text strong{color:var(--text-strong);font-size:15px;font-weight:600}.onboarding-step-text span{color:var(--text-muted);font-size:14px;line-height:1.45}.onboarding-cta{background:var(--accent);color:var(--on-accent);border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:600;transition:filter .12s;display:inline-flex}.onboarding-cta:hover{filter:brightness(1.06)}.onboarding-cta-hint{color:var(--text-muted);margin:12px 0 0;font-size:13px}.subtab-pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);scrollbar-width:none;gap:2px;max-width:100%;padding:3px;display:inline-flex;overflow-x:auto}.subtab-pill::-webkit-scrollbar{display:none}.subtab-pill button{border-radius:var(--radius-pill);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;padding:5px 16px;font-size:12px;font-weight:500}.subtab-pill button:hover:not(.active){background:color-mix(in srgb, var(--bg-panel) 60%, transparent);color:var(--text);border-color:#0000}.subtab-pill button.active{background:var(--bg-panel);color:var(--text-strong);box-shadow:var(--shadow-xs)}.subtab-pill button:has(>svg:only-child){justify-content:center;align-items:center;padding:5px 8px;line-height:0;display:inline-flex}.design-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;display:grid}.design-card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;min-height:168px;padding:0;transition:border-color .12s,box-shadow .12s,transform .12s;display:flex;position:relative;overflow:hidden}.design-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.design-card-thumb{background-color:var(--bg-subtle);background-image:radial-gradient(circle, var(--canvas-dot) 1.2px, transparent 1.3px);background-size:16px 16px;flex:1;justify-content:center;align-items:center;min-height:100px;display:flex;position:relative;overflow:hidden}.design-card-thumb-kind{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none;pointer-events:none;background:color-mix(in srgb, var(--bg-panel) 80%, transparent);border:1px solid var(--border-soft);border-radius:var(--radius-pill);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);align-items:center;gap:.34em;padding:5px 11px 5px 10px;font-size:11px;font-weight:600;display:inline-flex}.design-card-thumb-kind:before{content:">";color:var(--accent-text);font-weight:700}.design-card-thumb-img{object-fit:cover;object-position:top center;width:100%;height:100%;transition:transform .2s;display:block;position:absolute;inset:0}.design-card:hover .design-card-thumb-img{transform:scale(1.02)}.design-card[data-kind=prototype] .design-card-thumb{background-color:color-mix(in srgb, var(--accent) 5%, var(--bg-subtle))}.design-card[data-kind=deck] .design-card-thumb{background-color:color-mix(in srgb, var(--blue) 5%, var(--bg-subtle))}.design-card[data-kind=image] .design-card-thumb{background-color:color-mix(in srgb, var(--amber) 5%, var(--bg-subtle))}.design-card[data-kind=video] .design-card-thumb{background-color:color-mix(in srgb, var(--purple) 5%, var(--bg-subtle))}.design-card[data-kind=audio] .design-card-thumb{background-color:color-mix(in srgb, var(--green) 5%, var(--bg-subtle))}.design-card[data-kind=template] .design-card-thumb{background-color:color-mix(in srgb, var(--text-strong) 4%, var(--bg-subtle))}.design-card-meta-block{border-top:1px solid var(--border-soft);background:var(--bg-panel);flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.design-card-name{white-space:nowrap;text-overflow:ellipsis;color:var(--text-strong);font-size:13px;font-weight:600;overflow:hidden}.design-card-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.design-card-meta .ds{color:var(--accent-text)}.design-card-status{letter-spacing:.005em;vertical-align:-1px;border-radius:6px;align-items:center;gap:4px;padding:1px 7px;font-size:11px;font-weight:500;display:inline-flex}.design-card-status:before{font-size:10px;line-height:1}.design-card-status-running{color:var(--accent-text);background:color-mix(in srgb, var(--accent) 12%, transparent)}.design-card-status-running:before{content:"●"}.design-card-status-awaiting_input{color:var(--amber);background:color-mix(in srgb, var(--amber) 18%, transparent)}.design-card-status-awaiting_input:before{content:"⏵"}.design-card-status-queued,.design-card-status-not_started,.design-card-status-canceled{color:var(--text-muted);background:var(--bg-muted)}.design-card-status-succeeded{color:var(--green);background:var(--green-bg)}.design-card-status-succeeded:before{content:"✓"}.design-card-status-failed{color:var(--red);background:var(--red-bg)}.design-card-status-failed:before{content:"⚠"}.design-card-close{background:var(--bg-panel);opacity:0;border-color:var(--border);z-index:2;width:28px;height:28px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:14px;line-height:1;transition:opacity .15s;display:inline-flex;position:absolute;top:8px;right:8px}.design-card:hover .design-card-close,.design-card:focus-within .design-card-close,.design-kanban-card:hover .design-card-close,.design-kanban-card:focus-within .design-card-close,.design-card-close:focus-visible{opacity:1}.design-card-close:hover{color:var(--text-strong);border-color:var(--border-strong)}@media (hover:none){.design-card .design-card-close,.design-kanban-card .design-card-close{opacity:1}}.design-card.featured .design-card-thumb{background:var(--featured-grad)}.design-card.featured .design-card-thumb:before{background:var(--bg-panel);border-color:color-mix(in srgb, var(--blue) 18%, transparent)}.design-card.featured .design-card-thumb:after{display:none}.design-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--border-strong)}.tab-panel.design-kanban-view{flex:auto;height:100%;min-height:0}.design-kanban-board{scroll-snap-type:x proximity;scrollbar-gutter:stable;flex:auto;gap:14px;min-height:0;padding-bottom:8px;display:flex;overflow-x:auto}.design-kanban-col{background:var(--bg-subtle);border-radius:var(--radius);scroll-snap-align:start;flex-direction:column;flex-shrink:0;gap:12px;width:280px;min-height:0;padding:12px;display:flex}.design-kanban-header{color:var(--text-strong);justify-content:space-between;align-items:center;gap:8px;min-width:0;padding-left:2px;font-size:13px;font-weight:500;display:flex}.design-kanban-header>span:first-child{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.design-kanban-count{background:var(--bg-panel);border:1px solid var(--border-soft);color:var(--text-muted);border-radius:var(--radius-pill);flex-shrink:0;padding:2px 8px;font-size:11px}.design-kanban-list{flex-direction:column;flex:auto;gap:8px;min-height:0;margin-right:-4px;padding-right:4px;display:flex;overflow-y:auto}.design-kanban-empty{color:var(--text-faint);text-align:center;padding:20px 0;font-size:13px}.design-kanban-card{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:var(--radius);cursor:pointer;box-shadow:var(--shadow-xs);flex-direction:column;gap:6px;padding:12px 14px;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative}.design-kanban-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.design-kanban-card:active{transform:none}.design-kanban-card:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--border-strong)}.design-kanban-card:before{content:"";border-radius:var(--radius) 0 0 var(--radius);background:var(--text-muted);width:3px;position:absolute;top:-1px;bottom:-1px;left:-1px}.design-kanban-card.status-running:before{background:var(--accent)}.design-kanban-card.status-awaiting_input:before{background:var(--amber)}.design-kanban-card.status-succeeded:before{background:var(--green)}.design-kanban-card.status-failed:before{background:var(--red)}.design-kanban-card.status-not_started:before,.design-kanban-card.status-queued:before,.design-kanban-card.status-canceled:before{background:var(--text-muted)}.design-kanban-card-name{color:var(--text-strong);white-space:nowrap;text-overflow:ellipsis;padding-right:20px;font-size:13px;font-weight:500;overflow:hidden}.design-kanban-card-meta{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.design-kanban-card-meta .ds{color:var(--text-strong);font-weight:500}@media (prefers-reduced-motion:reduce){.design-card,.design-kanban-card{transition:none}.design-card:hover,.design-kanban-card:hover{transform:none}}.examples-panel{gap:24px}.example-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.example-card{flex-direction:column;gap:8px;display:flex;position:relative}.example-card-body{width:100%;aspect-ratio:var(--card-aspect,4 / 3);background:var(--bg-subtle);border:1px solid var(--border);cursor:pointer;border-radius:10px;padding:0;transition:transform .14s,box-shadow .14s,border-color .14s;position:relative;overflow:hidden}.example-card-body:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.example-card-body:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:0}.example-card-scaler{transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.example-card-scaler iframe{background:var(--bg-app);pointer-events:none;border:0;width:100%;height:100%;display:block}.example-card-placeholder{background:linear-gradient(135deg, var(--bg-subtle), var(--bg-muted));position:absolute;inset:0}.example-card-overlay{opacity:0;pointer-events:none;gap:4px;transition:opacity .12s;display:flex;position:absolute;top:8px;right:8px}.example-card-body:hover .example-card-overlay,.example-card-body:focus-within .example-card-overlay{opacity:1;pointer-events:auto}.example-card-more{background:var(--bg-elevated);border:1px solid var(--border-strong);width:28px;height:28px;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;font-size:16px;line-height:1;display:inline-flex}.example-card-more:hover{background:var(--bg-elevated);color:var(--accent-text)}.example-card-foot{justify-content:space-between;align-items:center;gap:8px;min-height:18px;padding:0 4px;display:flex}.example-card-name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:13px;overflow:hidden}.example-card-tag{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);flex-shrink:0;font-size:10px}.example-card-menu{z-index:20;background:var(--bg-elevated);border:1px solid var(--border-strong);min-width:200px;box-shadow:var(--shadow-popover);border-radius:8px;flex-direction:column;padding:6px;display:flex;position:absolute;top:44px;right:8px}.example-card-menu button{text-align:left;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:13px}.example-card-menu button:hover{background:var(--bg-subtle)}.example-card-menu button:disabled{opacity:.5;cursor:not-allowed}.example-card-menu-divider{background:var(--border);height:1px;margin:4px 6px}.ds-list{flex-direction:column;gap:8px;display:flex}.ds-row{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:12px;padding:14px 16px;display:flex}.ds-row:hover{border-color:var(--border-strong)}.ds-row.active{background:var(--accent-tint);border-color:var(--accent)}.ds-row-body{flex:1;min-width:0}.ds-row-title{align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.ds-row-default{letter-spacing:.06em;background:var(--accent-soft);color:var(--accent-text);border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.ds-row-summary{color:var(--text-muted);margin-top:2px;font-size:12px}.ds-row-swatches{border:1px solid var(--border);border-radius:6px;flex-shrink:0;align-items:center;gap:0;height:24px;display:inline-flex;overflow:hidden}.ds-row-swatch{width:16px;height:100%;display:block}.ds-row-swatch+.ds-row-swatch{border-left:1px solid color-mix(in srgb, var(--border) 70%, transparent)}@media (max-width:900px){.entry{grid-template-columns:1fr;height:auto;min-height:100vh}.entry-side{border-right:none;border-bottom:1px solid var(--border);width:100%;min-width:0;max-width:none}.entry-side-resizer{display:none}.example-card{grid-template-columns:1fr}.example-preview{height:240px}}.entry-hero--v3{text-align:center;padding:44px 24px 6px}.entry-hero--v3 .entry-hero-title{letter-spacing:-.5px;margin:0;font-size:44px}.entry.entry--v3{max-width:1080px;margin:0 auto;padding:20px 24px 64px;display:block}.npx .newproj-body{padding:0}.npx-card{background:var(--bg-panel);border:1px solid var(--border);max-width:860px;box-shadow:0 12px 40px color-mix(in srgb, var(--text) 8%, transparent), 0 2px 8px color-mix(in srgb, var(--text) 4%, transparent);border-radius:24px;margin:0 auto;padding:18px 18px 14px;transition:box-shadow .15s,border-color .15s;display:block;position:relative}.npx-card:focus-within{border-color:color-mix(in srgb, var(--accent-text) 35%, var(--border));box-shadow:0 14px 46px color-mix(in srgb, var(--accent-text) 14%, transparent)}.npx .newproj-prompt{margin:0}.npx .newproj-prompt-input{box-shadow:none;background:0 0;border:0;min-height:56px;padding:6px 4px 2px;font-size:17px}.npx .newproj-prompt-input:focus{box-shadow:none;border:0;outline:none}.npx-row{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:12px;display:flex}.npx-chev{color:var(--text-faint);font-size:9px}.npx-row-spacer{flex:1}.npx-send{border:0;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;padding:0;font-size:17px;line-height:1;display:grid}.npx-options{flex-direction:column;gap:12px;max-width:860px;margin:0 auto;display:flex}.npx-options:not(:empty){padding-top:14px}.npx-options .newproj-section{margin:0}.npx .newproj-more-toggle{margin:2px auto 0}.npx .newproj-name{max-width:420px;margin:0 auto}.npx-fan-label{text-align:center;color:var(--text-muted);margin:30px 0 4px;font-size:13.5px}.npx-fan{justify-content:center;align-items:flex-end;padding:16px 0 2px;display:flex}.npx-fan-card{background:var(--bg-panel);border:1px solid var(--border);text-align:center;cursor:pointer;width:150px;box-shadow:0 8px 22px color-mix(in srgb, var(--text) 9%, transparent);border-radius:14px;flex-direction:column;align-items:stretch;margin:0 -9px;padding:10px 10px 12px;text-decoration:none;transition:transform .16s,box-shadow .16s,border-color .16s;display:flex;position:relative}.npx-fan-card:nth-child(6){transform:rotate(8deg)translateY(16px)}.npx-fan-card:hover,.npx-fan-card.sel{box-shadow:0 18px 40px color-mix(in srgb, var(--text) 16%, transparent);z-index:9!important;transform:rotate(0)translateY(-10px)!important}.npx-fan-card.sel{border-color:var(--accent-text);box-shadow:0 18px 40px color-mix(in srgb, var(--accent-text) 22%, transparent)}.npx-fan-thumb{background:var(--bg-subtle);border:1px solid var(--border);border-radius:9px;place-items:center;height:76px;margin-bottom:9px;display:grid;position:relative;overflow:hidden}.npx-fan-name{color:var(--text);font-size:13px;font-weight:700}.npx-fan-sub{color:var(--text-faint);margin-top:2px;font-size:10.5px}.npx-door-dot{border-radius:50%;width:8px;height:8px;position:absolute;top:7px;right:7px}.npx-fan .il{position:relative}.npx-fan .il-web{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:6px;width:86px;height:54px}.npx-fan .il-web:before{content:"";background:var(--border-soft);border-radius:5px 5px 0 0;height:11px;position:absolute;top:0;left:0;right:0}.npx-fan .il-web:after{content:"";background:var(--border-soft);height:6px;box-shadow:0 12px 0 var(--border-soft), 0 24px 0 var(--border-soft);border-radius:3px;position:absolute;top:20px;left:8px;right:30px}.npx-fan .il-deck{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:6px;width:88px;height:50px}.npx-fan .il-deck:before{content:"";background:var(--accent-text);opacity:.75;border-radius:3px;width:40px;height:8px;position:absolute;top:9px;left:9px}.npx-fan .il-deck:after{content:"";background:var(--border-soft);width:62px;height:5px;box-shadow:0 10px 0 var(--border-soft);border-radius:3px;position:absolute;top:24px;left:9px}.npx-fan .il-posts{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:7px;width:44px;height:58px}.npx-fan .il-posts:before{content:"";border:1.5px solid var(--border-soft);background:var(--bg-subtle);z-index:-1;border-radius:7px;width:44px;height:58px;position:absolute;top:5px;left:-14px;transform:rotate(-7deg)}.npx-fan .il-posts:after{content:"";background:var(--accent-soft);width:29px;height:20px;box-shadow:0 26px 0 -8px var(--border-soft);border-radius:4px;position:absolute;top:9px;left:7px}.npx-fan .il-thumb{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:6px;place-items:center;width:88px;height:50px;display:grid}.npx-fan .il-thumb:before{content:"";border-left:14px solid var(--sv-yellow,#f5b81c);border-top:9px solid #0000;border-bottom:9px solid #0000;width:0;height:0;margin-left:3px}.npx-fan .il-board{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:6px;width:86px;height:54px}.npx-fan .il-board:before{content:"";background:var(--accent-soft);width:20px;height:20px;box-shadow:34px 8px 0 var(--accent-soft);border-radius:3px;position:absolute;top:10px;left:10px;transform:rotate(-5deg)}.npx-fan .il-board:after{content:"";background:var(--border-strong);width:34px;height:2px;position:absolute;top:30px;left:22px;transform:rotate(14deg)}.npx-fan .il-img{background:var(--bg-panel);border:1.5px solid var(--border-strong);border-radius:6px;width:66px;height:52px;overflow:hidden}.npx-fan .il-img:before{content:"";background:var(--sv-yellow,#f5b81c);border-radius:50%;width:11px;height:11px;position:absolute;top:9px;right:12px}.npx-fan .il-img:after{content:"";border-left:26px solid #0000;border-right:26px solid #0000;border-bottom:30px solid var(--sv-mint,#19b787);opacity:.55;width:0;height:0;position:absolute;bottom:-6px;left:4px}.npx-under-fan{justify-content:center;align-items:center;gap:22px;margin-top:16px;display:flex}.npx-blank-link{color:var(--text-muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px 4px;font-size:13.5px;display:inline-flex}.npx-blank-link:hover{color:var(--accent-text)}.npx-blank-link:disabled{opacity:.55;cursor:default}.entry--v3 .entry-header{border-top:0}.entry-foot{justify-content:center;align-items:center;gap:12px;padding:26px 0 6px;display:flex}.npx.newproj{box-shadow:none;background:0 0;border:0;border-radius:0;width:auto;max-width:none;padding:0}.npx .newproj-prompt-input{resize:none}.npx .newproj-footer{text-align:center;background:0 0;border:0;padding-top:6px}.entry.entry--v3{max-width:1320px}.npx .newproj-prompt-input{min-height:48px}.npx-card .npx-options{border-top:1px dashed var(--border);flex-flow:wrap;align-items:flex-start;gap:12px 22px;max-width:none;margin-top:12px;padding-top:12px}.npx-card .npx-options:empty{border:0;margin:0;padding:0;display:none}.npx-card .npx-options .newproj-more-toggle{text-align:left;flex:100%;min-width:0;margin:0}.npx-card .npx-options .newproj-name{flex:100%;min-width:0;max-width:460px;margin:0}.entry--v3 .entry-main{max-width:none}.entry.entry--v3{max-width:none;padding:14px clamp(24px,4vw,72px) 64px}.npx-card .npx-options{align-items:center;gap:8px 18px;margin-top:10px;padding-top:10px}.npx-card .npx-options>*{flex:0 auto;min-width:0}.npx-card .npx-options .newproj-section{align-items:center;gap:8px;margin:0;display:flex}.npx-card .npx-options .newproj-label{letter-spacing:.1em;white-space:nowrap;margin:0;font-size:9.5px}.npx-card .npx-options .seg-control,.npx-card .npx-options .seg-control--3,.npx-card .npx-options .seg-control--4{gap:4px;padding:3px;display:inline-flex}.npx-card .npx-options .seg-btn{flex-direction:row;align-items:baseline;gap:6px;padding:6px 11px}.npx-card .npx-options .seg-btn .seg-title{font-size:12.5px}.npx-card .npx-options .seg-btn .seg-meta{font-size:9.5px}.npx-card .npx-options .newproj-hint{flex:100%;margin:0;font-size:11.5px}.npx-card .npx-options .toggle-row{padding:6px 10px}.npx-card .npx-options .fidelity-grid{gap:6px;display:inline-flex}.npx-card .npx-options .fidelity-card{width:118px;padding:6px 6px 8px}.npx-card .npx-options .fidelity-thumb{height:40px}.npx-card .npx-options .fidelity-label{font-size:11px}.entry-shell.entry-shell--v3,.npx .newproj-body{display:block}.npx-icon{border:1px solid var(--border);width:38px;height:38px;color:var(--text-muted);background:0 0;border-radius:11px;flex-shrink:0;place-items:center;display:grid}.npx-icon:hover{border-color:var(--border-strong);color:var(--text)}.npx-icon.listening{color:var(--accent-text);border-color:color-mix(in srgb, var(--accent-text) 40%, var(--border));animation:1.2s ease-in-out infinite npx-pulse}@keyframes npx-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent-text) 25%, transparent)}50%{box-shadow:0 0 0 5px #0000}}.npx-chipwrap{display:inline-flex;position:relative}.npx-chip{border:1px solid var(--border);height:38px;color:var(--text);white-space:nowrap;background:0 0;border-radius:999px;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:650;display:inline-flex}.npx-chip:hover,.npx-chip.open{border-color:var(--border-strong);background:var(--bg-subtle)}.npx-chip.pending{color:var(--text-muted);border-style:dashed}.npx-chip.invalid{border-color:var(--accent-text);color:var(--accent-text);animation:1s ease-in-out 2 npx-pulse}.npx-menu{z-index:40;background:var(--bg-panel);border:1px solid var(--border);min-width:240px;box-shadow:0 14px 38px color-mix(in srgb, var(--text) 15%, transparent);border-radius:14px;padding:6px;position:absolute;top:calc(100% + 8px);right:0}.npx-menu button{width:100%;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:9px;justify-content:space-between;align-items:center;gap:16px;padding:9px 11px;font-size:13px;font-weight:600;display:flex}.npx-menu button:hover,.npx-menu button[aria-pressed=true]{background:var(--accent-soft);color:var(--accent-text)}.npx-menu button small{color:var(--text-faint);font-family:Martian Mono,ui-monospace,monospace;font-size:9.5px;font-weight:500}.npx-menu button:hover small,.npx-menu button[aria-pressed=true] small{color:inherit;opacity:.8}.npx-menu-hint{color:var(--text-faint);max-width:240px;margin:4px 6px 5px;font-size:10.5px}.npx-more{flex-direction:column;gap:14px;padding-top:12px;display:flex}.npx-more .newproj-section{margin:0}.npx-more .newproj-name{max-width:460px;margin:0}.npx .newproj-more-toggle{text-align:left;opacity:.75;margin:10px 0 0;font-size:10.5px}.npx .newproj-more-toggle:hover{opacity:1}.npx-card{max-width:920px}.entry-hero--v3 .entry-hero-title{font-size:clamp(32px,3vw,40px)}.npx-fan-label{margin-top:26px}.entry-hero--v3{padding:clamp(40px,7vh,72px) 24px 0}.entry-hero--v3 .entry-hero-title{letter-spacing:-.4px;font-size:40px}.entry.entry--v3{padding-top:18px}.npx-card{box-shadow:0 8px 26px color-mix(in srgb, var(--text) 7%, transparent), 0 1px 4px color-mix(in srgb, var(--text) 4%, transparent);border-radius:16px;padding:14px 16px 12px}.npx .newproj-prompt-input{min-height:46px;padding:8px 6px 2px;font-size:16.5px}.npx-row{gap:7px;margin-top:8px;padding-top:10px}.npx-icon{border-radius:10px;width:36px;height:36px}.npx-chip{height:36px;padding:0 12px;font-size:12px}.npx-send{border-radius:12px;width:40px;height:40px;font-size:16px}.npx .newproj-more-toggle{margin-top:8px;font-size:10px}.npx-fan-label{margin:34px 0 2px;font-size:13px}.npx-fan{padding-top:12px}.npx-fan-card{border-radius:12px;width:118px;margin:0 -7px;padding:8px 8px 10px}.npx-fan-thumb{border-radius:8px;height:62px;margin-bottom:7px}.npx-fan-sub{margin-top:1px;font-size:9.5px}.npx-fan .il{transform-origin:50%;transform:scale(.78)}.npx-under-fan{gap:18px;margin-top:12px}.npx-blank-link{font-size:12.5px}.npx .newproj-footer{font-size:10.5px}.entry--v3 .entry-main{margin-top:36px}.npx-fan-card{width:130px;margin:0 -8px;padding:9px 9px 11px}.npx-fan-thumb{height:68px}.npx-fan-name{font-size:13px}.npx-fan-sub{font-size:10.5px}.npx-fan .il{transform:scale(.86)}.npx-fan-card:first-child{transform:rotate(-9deg)translateY(18px)}.npx-fan-card:nth-child(2){z-index:1;transform:rotate(-6deg)translateY(10px)}.npx-fan-card:nth-child(3){z-index:2;transform:rotate(-3deg)translateY(4px)}.npx-fan-card:nth-child(4){z-index:3;transform:rotate(0)translateY(0)}.npx-fan-card:nth-child(5){z-index:2;transform:rotate(3deg)translateY(4px)}.npx-fan-card:nth-child(6){z-index:1;transform:rotate(6deg)translateY(10px)}.npx-fan-card:nth-child(7){transform:rotate(9deg)translateY(18px)}.npx-fan .il-blank{border:1.5px dashed var(--border-strong);background:var(--bg-panel);border-radius:6px;width:70px;height:48px;position:relative}.npx-fan .il-blank:before{content:"+";color:var(--text-faint);place-items:center;font-size:20px;font-weight:700;display:grid;position:absolute;inset:0}.npx-chip-static{cursor:default;color:var(--text-muted);border-style:dashed}.npx-chip-static:hover{background:0 0}.npx-mode-note{color:var(--text-faint);margin:8px 2px 0;font-size:11px}.npx-mode-note.err{color:var(--accent-text)}.npx-fan-go{z-index:6;width:20px;height:20px;color:var(--text-faint);border-radius:6px;place-items:center;font-size:11px;text-decoration:none;display:grid;position:absolute;top:4px;right:5px}.npx-fan-go:hover{color:var(--accent-text);background:var(--accent-soft)}.npx-fan-card{padding:0}.npx-fan-select{cursor:pointer;width:100%;font:inherit;color:inherit;text-align:center;border-radius:inherit;background:0 0;border:0;flex-direction:column;align-items:stretch;margin:0;padding:9px 9px 11px;display:flex}.npx-fan-select:focus-visible{outline:2px solid var(--accent);outline-offset:-3px;border-radius:12px}.npx-fan-go{border-radius:8px;width:32px;height:32px;top:2px;right:2px}@media (pointer:coarse){.npx-chip,.npx-icon,.npx-send{min-height:44px}.npx-fan-go{width:40px;height:40px}}@media (max-width:920px){.npx-fan{flex-wrap:wrap;justify-content:center;gap:10px;padding-top:8px}.npx-fan-card{width:130px;margin:0;transform:none!important}}
.workspace{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.ws-tabs-bar{border-bottom:1px solid var(--border);background:var(--bg-panel);z-index:4;flex-wrap:nowrap;align-items:center;gap:2px;height:44px;padding:6px 10px;display:flex;position:sticky;top:0;overflow-x:auto}.ws-tab{border-radius:var(--radius-sm);cursor:pointer;max-width:220px;color:var(--text-muted);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;padding:6px 12px;font-size:13px;transition:background .12s,color .12s;display:inline-flex}.ws-tab:hover{background:var(--bg-subtle);color:var(--text)}.ws-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.ws-tab.active{background:var(--bg-subtle);color:var(--text);font-weight:500}.ws-tab .tab-icon{color:var(--text-muted);text-align:center;width:14px;font-size:13px}.ws-tab.active .tab-icon{color:var(--text)}.ws-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:180px;overflow:hidden}.ws-tab-close{color:var(--text-faint);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;margin-left:4px;padding:0;font-size:14px;line-height:1;display:inline-flex}.ws-tab-close:hover{background:var(--border);color:var(--text)}.ws-tab.design-files-tab{color:var(--text);font-weight:500}.ws-tabs-spacer{flex:1}.ws-tabs-actions{align-items:center;gap:4px;display:inline-flex}.ws-tab-action{border-radius:var(--radius-sm);color:var(--text-muted);background:0 0;border:1px solid #0000;padding:4px 12px;font-size:13px}.ws-tab-action:hover:not(:disabled){background:var(--bg-subtle);color:var(--text);border-color:#0000}.ws-tab-action.share{background:var(--text);color:var(--text-inverse);border-color:var(--text);font-weight:500}.ws-tab-action.share:hover:not(:disabled){background:var(--text-strong);border-color:var(--text-strong)}.ws-body{flex-direction:column;flex:1;min-height:0;display:flex}.df-panel{background:var(--bg);flex:1;grid-template-columns:minmax(0,1fr) minmax(0,380px);min-height:0;display:grid}.df-panel.no-preview{grid-template-columns:minmax(0,1fr)}.df-main{background:var(--bg);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.df-main:last-child{border-right:none}.df-head{border-bottom:1px solid var(--border);background:var(--bg);z-index:3;align-items:center;gap:6px;padding:10px 16px;display:flex;position:sticky;top:0}.df-head .icon-only{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;display:inline-flex}.df-head .icon-only:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.df-head .crumbs{color:var(--text);margin-left:4px;font-size:13px;font-weight:500}.df-head .df-actions{gap:4px;margin-left:auto;display:inline-flex}.df-head .df-actions button{color:var(--text-muted);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:6px;padding:5px 10px;font-size:13px;display:inline-flex}.df-head .df-actions button:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.df-body{flex:1;min-height:0;padding:12px 0 0;overflow-y:auto}.df-section{flex-direction:column;gap:0;display:flex}.df-section+.df-section{margin-top:6px}.df-section-label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-faint);padding:12px 20px 6px;font-size:11px;font-weight:600}.df-row{text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;border:none;border-radius:0;grid-template-columns:36px 1fr auto auto;align-items:center;gap:12px;padding:10px 20px;transition:background .12s;display:grid;position:relative}.df-row:hover{background:var(--bg-subtle)}.df-row.active{background:var(--blue-bg);color:var(--text)}.df-row.active .df-row-name{color:var(--text-strong)}.df-row-icon{background:var(--bg-subtle);width:32px;height:32px;color:var(--text-muted);border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;display:inline-flex;position:relative}.df-row-icon[data-kind=folder]{background:var(--bg-muted);color:var(--text-soft)}.df-row-icon[data-kind=html]{background:var(--amber-bg);color:var(--amber)}.df-row-icon[data-kind=image]{background:var(--green-bg);color:var(--green)}.df-row-icon[data-kind=code]{background:var(--yellow-bg);color:var(--yellow)}.df-row-icon[data-kind=text]{background:var(--bg-subtle);color:var(--text-muted)}.df-row-icon[data-kind=sketch]{background:var(--purple-bg);color:var(--purple)}.df-row-name-wrap{flex-direction:column;gap:2px;min-width:0;display:flex}.df-row-name{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:500;overflow:hidden}.df-row-sub{color:var(--text-muted);font-size:11px}.df-row-time{color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:12px}.df-row-menu{min-width:28px;min-height:28px;color:var(--text-muted);opacity:0;background:0 0;border:none;border-radius:4px;padding:6px 9px;font-size:16px;transition:opacity .12s}.df-row:hover .df-row-menu,.df-row.active .df-row-menu,.df-row:focus-within .df-row-menu{opacity:1}.df-row-menu:hover{background:var(--border);color:var(--text)}.df-row-collapse{color:var(--text-muted);text-align:center;cursor:pointer;background:0 0;border:none;width:18px;padding:0;font-size:12px}.df-empty{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:13px}.df-drop{border:1px dashed var(--border-strong);border-radius:var(--radius);background:var(--bg-panel);text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:6px;margin:18px 16px 16px;padding:16px;display:flex}.df-drop.dragging{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--bg-panel));color:var(--text)}.df-drop .label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-faint);align-items:center;gap:6px;font-size:11px;font-weight:600;display:inline-flex}.df-drop .desc{max-width:56ch;font-size:12px;line-height:1.5}.df-preview{background:var(--bg-panel);border-left:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.df-preview-empty{color:var(--text-faint);flex:1;justify-content:center;align-items:center;padding:32px;font-size:13px;display:flex}.df-preview-thumb{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);aspect-ratio:16/10;flex-shrink:0;margin:16px;position:relative;overflow:hidden}.df-preview-thumb iframe,.df-preview-thumb img,.df-preview-thumb video{background:var(--bg-app);object-fit:cover;border:none;width:100%;height:100%;display:block}.df-preview-thumb audio{width:calc(100% - 24px);position:absolute;bottom:12px;left:12px}.df-preview-meta{flex-direction:column;gap:6px;padding:0 16px 16px;display:flex}.df-preview-name{color:var(--text-strong);word-break:break-word;font-size:14px;font-weight:600}.df-preview-kind,.df-preview-stats{color:var(--text-muted);font-size:12px}.df-preview-actions{flex-wrap:wrap;gap:6px;margin-top:6px;display:inline-flex}.df-preview-actions button{background:var(--bg-panel);border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:5px 10px;font-size:12px;display:inline-flex}.df-preview-actions button:hover{background:var(--bg-subtle);border-color:var(--border-strong)}.df-row-popover{z-index:200;background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);flex-direction:column;min-width:160px;padding:4px;display:flex;position:fixed}.df-row-popover button{text-align:left;color:var(--text);background:0 0;border:none;border-radius:4px;padding:7px 10px;font-size:13px}.df-row-popover button:hover{background:var(--bg-subtle)}.df-row-popover button.danger{color:var(--red)}.df-row-popover button.danger:hover{background:var(--red-bg)}.df-row-popover button.danger.armed,.df-row-popover button.danger.armed:hover{background:var(--red);color:var(--text-inverse)}.viewer{flex-direction:column;flex:1;min-height:0;display:flex}.viewer-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);color:var(--text-muted);scrollbar-width:thin;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;height:44px;padding:8px 14px;font-size:13px;display:flex;overflow-x:auto}.viewer-toolbar-left{align-items:center;gap:8px;display:inline-flex}.viewer-toolbar-actions{align-items:center;gap:2px;display:inline-flex}.viewer-toolbar .icon-only,.viewer-toolbar-actions .icon-only{width:36px;height:36px;color:var(--text-muted);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:0;font-size:14px;display:inline-flex}.viewer-toolbar .icon-only:hover:not(:disabled),.viewer-toolbar-actions .icon-only:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.viewer-action{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;align-items:center;gap:5px;padding:4px 10px;font-size:13px;display:inline-flex}.viewer-action:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.viewer-action.primary{background:var(--accent-strong);border:1px solid var(--accent-strong);color:var(--on-accent)}.viewer-action.primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.viewer-action.primary.is-saved{background:var(--green);border-color:var(--green)}.viewer-action.primary.is-failed{background:var(--red);border-color:var(--red)}.viewer-divider{background:var(--border);width:1px;height:18px;margin:0 4px}.viewer-toggle{color:var(--text-muted);border-radius:var(--radius-sm);white-space:nowrap;align-items:center;gap:6px;padding:4px 10px;font-size:13px;display:inline-flex}.viewer-toggle .switch{background:var(--bg-muted);border:1px solid var(--border-strong);border-radius:999px;width:28px;height:16px;transition:background .12s;position:relative}.viewer-toggle .switch:after{content:"";background:var(--bg-panel);width:12px;height:12px;box-shadow:var(--shadow-xs);border-radius:50%;transition:transform .12s;position:absolute;top:1px;left:1px}.viewer-toggle.on .switch{background:var(--accent);border-color:var(--accent)}.viewer-toggle.on .switch:after{transform:translate(12px)}.viewer-tabs{gap:2px;display:inline-flex}.viewer-tab{border-radius:var(--radius-sm);color:var(--text-muted);white-space:nowrap;background:0 0;border:none;padding:4px 10px;font-size:12px}.viewer-tab:hover{background:var(--bg-subtle);color:var(--text)}.viewer-tab.active{background:var(--bg-subtle);color:var(--text);font-weight:500}.viewer-meta{color:var(--text-muted);font-size:12px}.ghost-link{color:var(--text-muted);border:1px solid var(--border);border-radius:var(--radius-sm);align-items:center;gap:4px;padding:4px 10px;font-size:12px;text-decoration:none;display:inline-flex}.ghost-link:hover{background:var(--bg-subtle);color:var(--text)}.regen-status{color:var(--text-muted);white-space:nowrap;align-self:center;font-size:12px}.regen-status[data-kind=err]{color:var(--red)}.viewer-body{--dock-w:344px;background-color:var(--bg);background-image:linear-gradient(to right, var(--canvas-dot) 1px, transparent 1px), linear-gradient(to bottom, var(--canvas-dot) 1px, transparent 1px);background-size:28px 28px;flex:1;min-height:0;position:relative;overflow:auto}.viewer-body:has(.tweaks-panel){padding-right:var(--dock-w)}.rail-resizer{top:0;bottom:0;right:var(--dock-w,344px);z-index:11;cursor:ew-resize;touch-action:none;width:11px;position:absolute;transform:translate(50%)}.rail-resizer:after{content:"";background:0 0;width:2px;transition:background .12s;position:absolute;inset:0 0 0 50%;transform:translate(-50%)}.rail-resizer:hover:after,.rail-resizer:active:after{background:var(--accent)}.rail-resize-overlay{z-index:60;cursor:ew-resize;position:fixed;inset:0}.viewer-body>.panel-move-grip{right:var(--dock-w,344px);transform:translate(50%)}@media (min-width:601px){.viewer-body[data-rail-side=left]:has(.tweaks-panel){padding-right:0;padding-left:var(--dock-w)}.viewer-body[data-rail-side=left] .rail-resizer,.viewer-body[data-rail-side=left]>.panel-move-grip{right:auto;left:var(--dock-w,344px);transform:translate(-50%)}}@media (max-width:600px){.viewer-body>.panel-move-grip{display:none}}.viewer-body iframe{background:var(--bg-app);border:none;width:100%;height:100%}.viewer-source{font-family:var(--mono);white-space:pre-wrap;word-break:break-word;color:var(--text);background:var(--bg-panel);min-height:100%;margin:0;padding:16px;font-size:12px;line-height:1.55}.code-viewer{background:var(--bg-panel);font-family:var(--mono);grid-template-columns:auto 1fr;min-height:100%;margin:0;padding:0;font-size:12px;line-height:1.6;display:grid}.code-viewer .gutter{background:var(--bg);color:var(--text-faint);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-soft);white-space:pre;font-variant-numeric:tabular-nums;padding:16px 12px 16px 16px}.code-viewer .lines{white-space:pre;color:var(--text);padding:16px 16px 16px 18px;overflow-x:auto}.viewer-empty{text-align:center;color:var(--text-muted);padding:48px 24px;font-size:13px}.document-preview{max-width:860px;color:var(--text);margin:0 auto;padding:32px 40px 56px}.document-preview h2{margin:0 0 24px;font-size:20px;line-height:1.25}.document-preview section{border-top:1px solid var(--border-soft);margin-top:18px;padding-top:18px}.document-preview h3{color:var(--text-muted);margin:0 0 12px;font-size:13px;font-weight:600}.document-preview p{white-space:pre-wrap;margin:0 0 8px;font-size:14px;line-height:1.65}.markdown-rendered{max-width:900px;color:var(--text);white-space:normal;margin:0 auto;padding:24px 28px 40px;line-height:1.65}.markdown-status{border:1px solid var(--border-soft);background:var(--bg-panel);max-width:900px;color:var(--text-muted);border-radius:8px;margin:12px auto 0;padding:8px 10px;font-size:12px}.markdown-status-error{border-color:color-mix(in oklab, var(--red) 45%, var(--border-soft));color:var(--red)}.markdown-rendered h1,.markdown-rendered h2,.markdown-rendered h3,.markdown-rendered h4,.markdown-rendered h5,.markdown-rendered h6{margin:20px 0 10px;line-height:1.25}.markdown-rendered p{margin:10px 0}.markdown-rendered ul,.markdown-rendered ol{margin:10px 0;padding-left:24px}.markdown-rendered blockquote{border:1px solid var(--border-soft);color:var(--text-muted);background:color-mix(in srgb, var(--bg-panel) 70%, var(--bg-subtle));border-radius:6px;margin:12px 0;padding:10px 14px}.markdown-rendered pre{background:var(--bg-panel);border:1px solid var(--border-soft);border-radius:8px;margin:12px 0;padding:12px;overflow:auto}.markdown-rendered code{font-family:var(--mono);font-size:12px}.markdown-rendered a{color:var(--accent-text)}.image-body{justify-content:center;align-items:center;padding:24px;display:flex}.image-body img{object-fit:contain;background:var(--bg-app);border:1px solid var(--border);border-radius:var(--radius-sm);max-width:100%;max-height:100%}.sketch-editor{background:var(--bg);flex-direction:column;flex:1;min-height:0;display:flex}.sketch-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);flex-wrap:wrap;align-items:center;gap:4px;padding:8px 12px;display:flex}.sketch-tool{background:var(--bg-panel);border:1px solid var(--border);border-radius:6px;min-width:32px;padding:6px 10px;font-size:14px;line-height:1}.sketch-tool:hover{background:var(--bg-subtle)}.sketch-tool.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.sketch-divider{background:var(--border);width:1px;height:20px;margin:0 4px}.sketch-color{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:32px;height:28px;padding:0}.sketch-size{background:0 0;border:none;width:80px}.sketch-spacer{flex:1}.sketch-canvas-wrap{background:var(--bg);flex:1;min-height:0;position:relative}.sketch-canvas-wrap canvas{cursor:crosshair;display:block}