@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap";:root{--bg-primary:#fff;--bg-secondary:#f3f4f4;--bg-tertiary:#e8e9ea;--bg-hover:#3a9e9414;--code-bg:#f3f4f4;--text-primary:#0c1723;--text-secondary:#39414c;--text-muted:#565d66;--text-placeholder:#bbbfc2;--text-on-accent:#f6f7f7;--border-default:#dee1e2;--border-hover:#bbbfc2;--border-focus:#3a9e94;--accent:#3a9e94;--accent-hover:#318a80;--accent-secondary:#3a9e9466;--accent-muted:#3a9e941f;--accent-subtle:#3a9e9414;--text-brand:#2f8379;--brand-peach:#ff7869;--accent-glow:0 1px 4px #dee1e2;--disabled-bg:#dee1e2;--disabled-text:#9ea3a8;--success:#00c86e;--success-text:#007a43;--success-bg:#d4f1e4;--attention:#ffb400;--attention-text:#b17900;--danger:#ed2635;--danger-text:#93212f;--danger-bg:#fbdee1;--danger-border:#f9bcc2;--shadow-100:0 1px 4px #dee1e2;--shadow-200:0 1px 4px #dee1e2;--shadow-300:0 4px 8px -1px #dee1e2;--shadow-400:0 4px 4px -4px #dee1e2, 0 16px 32px -4px #dee1e2;--shadow-600:0 16px 32px -8px #bbbfc2;--radius-100:4px;--radius-200:8px;--radius-300:12px;--radius-400:16px;--radius-full:9999px;--font-sans:"IBM Plex Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:"IBM Plex Mono", ui-monospace, "Roboto Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5}.shell{grid-template-rows:minmax(0,1fr);grid-template-columns:280px 1fr;height:100vh;display:grid;position:relative;overflow:hidden}.loading{height:100%;color:var(--text-muted);place-items:center;display:grid}.honeycomb{display:none}.sidebar{--side-bg:#0c1a2b;--side-text:#e9eef3;--side-muted:#8a97a6;--side-border:#1d2c3e;--side-field:#14273c;--side-hover:#ffffff12;background:var(--side-bg);border-right:1px solid var(--side-border);z-index:1;flex-direction:column;display:flex;position:relative}.sidebar__head{border-bottom:1px solid var(--side-border);align-items:center;gap:10px;padding:18px 18px 16px;display:flex}.sidebar__head img{filter:brightness(0)invert()}a.sidebar__back,a.sidebar__back:visited,a.sidebar__back:hover,a.sidebar__back:active{color:var(--side-text);border-radius:var(--radius-200);text-decoration:none;transition:background .12s}a.sidebar__back>*{color:inherit}a.sidebar__back:hover{background:var(--side-hover)}a.sidebar__back .back-arrow{color:var(--side-muted);margin-right:2px;font-size:14px}.topbar__brand{align-items:center;gap:10px;display:flex}.topbar__divider{background:var(--border-default);width:1px;height:16px}.sidebar__actions{flex-direction:column;gap:6px;padding:14px 14px 10px;display:flex}.sidebar__actions .btn--solid{border-radius:10px;justify-content:center;padding:12px 14px;font-size:14px;font-weight:600}.btn{font:inherit;cursor:pointer;border:0;border-radius:8px;align-items:center;gap:10px;padding:9px 12px;font-size:13.5px;font-weight:500;text-decoration:none;transition:background .12s,transform .12s;display:flex}.btn:active{transform:scale(.99)}.btn--solid{background:var(--accent);color:var(--text-on-accent);box-shadow:var(--shadow-200)}.btn--solid:hover{background:var(--accent-hover)}.btn__plus{font-size:15px;font-weight:700}.btn--ghost{color:var(--text-primary);background:0 0;border:1px solid #0000}.btn--ghost:hover{background:var(--bg-hover)}.btn__icon{color:var(--accent);font-size:13px}.sidebar__section{padding:10px 18px 6px}.sidebar__label{text-transform:uppercase;letter-spacing:.14em;color:var(--side-muted);margin-bottom:8px;font-size:10px}.sidebar__search{background:var(--side-field);width:100%;color:var(--side-text);border:1px solid var(--side-border);font:inherit;border-radius:8px;outline:none;padding:8px 11px;font-size:12.5px}.sidebar__search::placeholder{color:var(--side-muted)}.sidebar__search:focus{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-muted)}.btn:focus-visible,.icon-btn:focus-visible,.composer__send:focus-visible,.chip:focus-visible,.starter:focus-visible,.sidebar__help:focus-visible,.recent:focus-visible,.askq__opt--clickable:focus-visible,.askq-card__head:focus-visible{box-shadow:0 0 0 2px var(--bg-primary), 0 0 0 4px var(--border-focus);outline:none}.sidebar__list{flex-direction:column;flex:1;gap:1px;padding:4px 8px 12px;display:flex;overflow-y:auto}.sidebar__empty{color:var(--side-muted);text-align:center;padding:18px 10px;font-size:12px}.recent{text-align:left;color:var(--side-text);cursor:pointer;background:0 0;border:0;border-radius:8px;flex-direction:column;gap:2px;padding:9px 11px;display:flex}.recent:hover{background:var(--side-hover);color:#fff}.recent--active{background:var(--side-hover);color:#fff;box-shadow:inset 3px 0 0 var(--accent)}.recent--active .recent__title{color:var(--accent)}.recent__title{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.recent__when{color:var(--side-muted);font-size:10.5px}.sidebar__help{border:.5px solid var(--side-border);border-radius:var(--radius-200);color:var(--side-text);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:8px;margin:0 12px 6px;padding:10px 12px;font-size:12.5px;font-weight:500;transition:border-color .12s,background .12s,color .12s;display:flex}.sidebar__help:hover{border-color:var(--accent);background:var(--side-hover);color:#fff}.sidebar__help-icon{color:var(--accent)}.sidebar__foot{border-top:1px solid var(--side-border);align-items:center;gap:10px;padding:14px 16px;display:flex}.avatar{background:var(--accent);width:30px;height:30px;color:var(--text-on-accent);border-radius:7px;flex-shrink:0;place-items:center;font-size:11.5px;font-weight:700;display:grid}.avatar--sm{border-radius:6px;width:26px;height:26px;font-size:10.5px}.who{flex-direction:column;min-width:0;display:flex}.who__name{color:var(--side-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.who__role{color:var(--side-muted);font-size:11px}.main{z-index:1;background:#f7f8f9;grid-template-rows:56px 1fr auto 30px;min-height:0;display:grid;position:relative}.topbar{border-bottom:1px solid var(--border-default);background:#f7f8f9;justify-content:space-between;align-items:center;padding:0 22px;display:flex}.topbar__title{color:var(--text-primary);letter-spacing:-.01em;font-size:16px;font-weight:700}.topbar__icons{align-items:center;gap:6px;display:flex}.icon-btn{width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:7px;font-size:14px}.icon-btn:hover{background:var(--bg-hover);color:var(--text-brand)}.chat{flex-direction:column;gap:18px;min-height:0;padding:28px 22% 18px;display:flex;overflow-y:auto}@media (width<=1200px){.chat{padding:28px 12% 18px}}@media (width<=900px){.chat{padding:24px 5% 16px}}.empty{text-align:center;flex-direction:column;align-self:center;align-items:center;gap:14px;width:100%;max-width:760px;margin-top:36px;display:flex}.empty__mark{background:var(--accent);width:108px;height:108px;box-shadow:0 10px 30px -8px color-mix(in srgb, var(--accent) 55%, transparent);border-radius:50%;place-items:center;margin-bottom:8px;display:grid}.empty__mark img{display:none!important}.empty__mark:after{content:"q";color:#fff;font-size:62px;font-weight:700;line-height:1;transform:translateY(-2px)}.empty__title{letter-spacing:-.025em;color:var(--text-primary);font-size:38px;font-weight:700}.empty__sub{color:var(--text-secondary);max-width:560px;font-size:15px;line-height:1.6}.starters{text-align:left;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:22px;display:grid}@media (width<=720px){.starters{grid-template-columns:1fr}}.starter-group{border:.5px solid var(--border-default);border-radius:var(--radius-300);background:var(--bg-primary);box-shadow:var(--shadow-100);flex-direction:column;gap:8px;padding:14px;display:flex}.starter-group__head{align-items:center;gap:8px;margin-bottom:2px;display:flex}.starter-group__icon{font-size:15px}.starter-group__ctx{text-transform:uppercase;letter-spacing:.09em;color:var(--text-brand);font-size:10.5px;font-weight:600}.starter{border:.5px solid var(--border-default);border-radius:var(--radius-200);background:var(--bg-secondary);text-align:left;cursor:pointer;font:inherit;flex-direction:column;gap:3px;padding:10px 12px;transition:border-color .12s,background .12s,transform .12s;display:flex}.starter:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle);transform:translateY(-1px)}.starter:disabled{opacity:.55;cursor:default}.starter__label{color:var(--text-primary);font-size:13px;font-weight:600}.starter__prompt{color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.45;display:-webkit-box;overflow:hidden}.sugg{flex-direction:column;gap:8px;padding:6px 0 2px 40px;display:flex}.sugg__label{text-transform:uppercase;letter-spacing:.09em;color:var(--text-muted);font-size:10.5px;font-weight:600}.sugg__chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:.5px solid var(--border-hover);border-radius:var(--radius-full);background:var(--bg-primary);color:var(--text-secondary);font:inherit;cursor:pointer;white-space:nowrap;padding:7px 13px;font-size:12.5px;font-weight:500;transition:border-color .12s,background .12s,color .12s}.chip:hover:not(:disabled){border-color:var(--accent);background:var(--accent-subtle);color:var(--text-brand)}.chip:disabled{opacity:.5;cursor:default}.msg--user{justify-content:flex-end;display:flex}.msg--user .msg__text{max-width:80%;color:var(--text-primary);white-space:pre-wrap;border-bottom:1px solid var(--border-default);margin:0;padding-bottom:10px;font-size:16px}.msg--agent{grid-template-columns:24px 1fr;align-items:start;gap:12px;display:grid}.msg__avatar{place-items:center;width:24px;height:24px;display:grid}.msg__body{border-left:2px solid var(--accent);padding:2px 0 2px 14px}.msg__head{justify-content:space-between;align-items:center;gap:10px;margin-bottom:4px;display:flex}.msg__label{letter-spacing:.08em;text-transform:uppercase;color:var(--text-brand);font-size:12px;font-weight:600}.msg__copy{border:.5px solid var(--border-default);background:var(--bg-primary);color:var(--text-muted);font:inherit;border-radius:var(--radius-full);cursor:pointer;opacity:0;padding:3px 9px;font-size:11px;font-weight:500;transition:opacity .12s,color .12s,border-color .12s}.msg--agent:hover .msg__copy{opacity:1}.msg__copy:hover{color:var(--text-brand);border-color:var(--accent)}.msg__prose{color:var(--text-primary);white-space:pre-wrap;font-size:15px;line-height:1.6}.cursor{color:var(--accent);margin-left:2px;animation:1s steps(2,end) infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.msg__prose p{margin:0 0 10px}.msg__prose p:last-child{margin-bottom:0}.msg__prose h1,.msg__prose h2,.msg__prose h3,.msg__prose h4{color:var(--text-primary);letter-spacing:-.01em;margin:16px 0 8px;font-weight:600;line-height:1.3}.msg__prose h1{font-size:20px}.msg__prose h2{font-size:18px}.msg__prose h3{font-size:16px}.msg__prose h4{font-size:15px}.msg__prose a{color:var(--text-brand);text-underline-offset:2px;text-decoration:underline}.msg__prose a:hover{color:var(--accent-hover)}.msg__prose strong{color:var(--text-primary);font-weight:600}.msg__prose ul,.msg__prose ol{margin:0 0 10px;padding-left:22px}.msg__prose li{margin:3px 0}.msg__prose .md-code{font-family:var(--font-mono);background:var(--code-bg);border:.5px solid var(--border-default);border-radius:var(--radius-100);color:var(--text-brand);padding:1px 5px;font-size:.88em}.msg__prose .md-pre{background:var(--code-bg);border:.5px solid var(--border-default);border-radius:var(--radius-200);margin:0 0 10px;padding:12px;overflow-x:auto}.msg__prose .md-pre code{font-family:var(--font-mono);color:var(--text-primary);background:0 0;border:0;padding:0;font-size:13px}.msg__prose .md-quote{border-left:2px solid var(--accent-secondary);color:var(--text-secondary);margin:0 0 10px;padding:2px 0 2px 12px}.msg__prose .md-table{border-collapse:collapse;width:100%;margin:4px 0 12px;font-size:14px;display:block;overflow-x:auto}.msg__prose .md-table th,.msg__prose .md-table td{border:.5px solid var(--border-default);text-align:left;vertical-align:top;padding:7px 10px}.msg__prose .md-table th{background:var(--bg-secondary);color:var(--text-primary);white-space:nowrap;font-weight:600}.msg__prose .md-table tbody tr:nth-child(2n){background:var(--bg-secondary)}.msg__prose .md-table td{color:var(--text-secondary)}.msg__sources{border-top:.5px solid var(--border-default);margin-top:14px;padding-top:12px}.msg__sources-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:6px;font-size:10.5px;font-weight:600}.msg__sources-list{flex-direction:column;gap:4px;margin:0;padding-left:18px;display:flex}.msg__sources-list li{color:var(--text-secondary);font-size:12px;line-height:1.5}.msg__sources-list a{color:var(--text-brand);text-underline-offset:2px;word-break:break-word;text-decoration:underline}.msg__sources-list a:hover{color:var(--accent-hover)}.msg__source-badge{border-radius:var(--radius-full);background:var(--bg-tertiary);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;vertical-align:middle;margin-left:6px;padding:1px 6px;font-size:9.5px;font-weight:600;display:inline-block}.thinking{color:var(--text-muted);padding-left:40px;font-size:12px;font-style:italic}.askq-card{border:.5px solid var(--accent-secondary);background:var(--accent-subtle);border-radius:var(--radius-300);box-shadow:var(--shadow-100);overflow:hidden}.askq-card__head{cursor:pointer;width:100%;color:var(--text-primary);text-align:left;font:inherit;background:0 0;border:0;align-items:center;gap:10px;padding:11px 14px;display:flex}.askq-card__head:hover{background:var(--bg-hover)}.askq-card__icon{color:var(--accent);font-size:13px}.askq-card__name{color:var(--text-primary);flex:1;font-size:13px;font-weight:600}.askq-card__chev{color:var(--text-muted);font-size:11px}.askq-card__body{border-top:.5px solid var(--accent-secondary);background:var(--bg-primary);padding:12px 14px 14px}.tool__label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin:10px 0 4px;font-size:10.5px}.tool__pre{background:var(--code-bg);border:.5px solid var(--border-default);border-radius:var(--radius-200);white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);color:var(--text-primary);max-height:280px;margin:0;padding:10px;font-size:12px;overflow:auto}.run-status{align-items:center;gap:10px;padding:4px 2px;display:flex}.run-status__meta{color:var(--text-muted);font-size:12px}.run-error{border-radius:var(--radius-200);border:1px solid var(--danger-border);background:var(--danger-bg);color:var(--danger-text);align-items:flex-start;gap:8px;margin:8px 2px;padding:10px 12px;font-size:13px;display:flex}.composer{padding:12px 22% 14px}@media (width<=1200px){.composer{padding:12px 12% 14px}}@media (width<=900px){.composer{padding:10px 5% 12px}}.composer__hint{text-align:center;color:var(--text-muted);margin-top:7px;font-size:11px}.composer__wrap{background:var(--bg-primary);border:1px solid var(--border-default);border-radius:18px;grid-template-columns:1fr auto;align-items:end;gap:8px;padding:10px 10px 10px 18px;transition:border-color .12s,box-shadow .12s;display:grid;box-shadow:0 2px 10px -4px #0c17231f}.composer__wrap:focus-within{border-color:var(--border-focus);box-shadow:0 0 0 2px var(--accent-muted)}.composer textarea{resize:none;color:var(--text-primary);font:inherit;background:0 0;border:0;outline:0;min-height:28px;max-height:200px;padding:8px 4px;font-size:14px}.composer textarea::placeholder{color:var(--text-placeholder)}.composer__send{border-radius:var(--radius-full);background:var(--accent);width:38px;height:38px;color:var(--text-on-accent);cursor:pointer;border:0;font-size:18px;font-weight:700;transition:background .12s}.composer__send:hover:not(:disabled){background:var(--accent-hover)}.composer__send:disabled{background:var(--disabled-bg);color:var(--disabled-text);cursor:not-allowed}.composer__stop{background:var(--danger);color:#fff;place-items:center;font-size:13px;display:inline-grid}.composer__stop:hover{background:var(--danger-text)}.statusbar{color:var(--text-muted);border-top:1px solid var(--border-default);background:#f7f8f9;align-items:center;gap:8px;padding:0 18px;font-size:12px;display:flex}.statusbar__dot{background:var(--accent);width:7px;height:7px;box-shadow:0 0 6px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:50%}.statusbar__fact{text-align:center;font-family:var(--font-mono);color:var(--text-muted);flex:1;font-size:11.5px}.statusbar__ver{font-family:var(--font-mono);color:var(--text-muted);font-size:11.5px}.loading-dots{align-items:center;gap:4px;padding:6px 0 6px 40px;display:flex}.loading-dots__dot{background:var(--accent);border-radius:50%;width:5px;height:5px;display:inline-block}.askq{flex-direction:column;gap:12px;display:flex}.askq__block{flex-direction:column;gap:6px;display:flex}.askq__q{color:var(--text-primary);font-size:13.5px;font-weight:500}.askq__header{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-size:10.5px}.askq__options{flex-direction:column;gap:6px;margin-top:4px;display:flex}.askq__opt{border:1px solid var(--border-default);background:var(--bg-primary);text-align:left;width:100%;font:inherit;border-radius:8px;flex-direction:column;gap:3px;padding:9px 11px;transition:border-color .12s,background .12s;display:flex}.askq__opt--clickable{cursor:pointer}.askq__opt--clickable:hover{border-color:var(--accent);background:var(--bg-hover)}.askq__opt--selected{border-color:var(--accent);background:var(--accent-muted)}.askq__opt:disabled:not(.askq__opt--selected){opacity:.55;cursor:default}.askq__submit{background:var(--accent);color:var(--text-on-accent);font:inherit;cursor:pointer;border:0;border-radius:8px;align-self:flex-start;margin-top:4px;padding:7px 14px;font-weight:600}.askq__submit:disabled{opacity:.4;cursor:default}.askq__answered{color:var(--success);margin-top:2px;font-size:12px}.askq__opt-label{color:var(--text-primary);font-size:12.5px;font-weight:500}.askq__opt-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.5}.tool__skeleton{color:var(--text-muted);padding:8px 0;font-size:12px;font-style:italic}.artifact{border:.5px solid var(--accent-secondary);background:var(--accent-subtle);border-radius:var(--radius-300);box-shadow:var(--shadow-100);align-items:center;gap:12px;margin-top:8px;padding:12px 14px;display:flex}.artifact__icon{border-radius:var(--radius-200);background:var(--accent-muted);width:34px;height:34px;color:var(--accent);flex:none;place-items:center;font-size:17px;display:grid}.artifact__meta{flex:1;min-width:0}.artifact__name{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:600;overflow:hidden}.artifact__sub{color:var(--text-muted);margin-top:2px;font-size:11.5px}.artifact__actions{flex:none;gap:8px;display:flex}.artifact__btn{border-radius:var(--radius-200);border:.5px solid var(--border-default);background:var(--bg-primary);color:var(--text-primary);font:inherit;cursor:pointer;white-space:nowrap;align-items:center;padding:6px 12px;font-size:12.5px;text-decoration:none;display:inline-flex}.artifact__btn:hover{background:var(--bg-hover);border-color:var(--border-hover)}.artifact__btn--primary{background:var(--accent);border-color:var(--accent);color:var(--text-on-accent)}.artifact__btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.modal-overlay{z-index:1000;background:#0c172399;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{background:var(--bg-primary);border-radius:var(--radius-400);width:min(1200px,96vw);height:min(860px,92vh);box-shadow:var(--shadow-600);flex-direction:column;display:flex;overflow:hidden}.modal__head{border-bottom:.5px solid var(--border-default);background:var(--bg-secondary);align-items:center;gap:12px;padding:10px 12px 10px 16px;display:flex}.modal__title{min-width:0;font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.modal__head-actions{flex:none;align-items:center;gap:8px;display:flex}.modal__close{border-radius:var(--radius-200);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;place-items:center;font-size:15px;display:grid}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__frame{background:var(--bg-primary);border:0;flex:1;width:100%}.demos__toggle{align-items:center;gap:6px;width:auto;padding:0 10px;display:inline-flex}.demos__count{border-radius:var(--radius-full);background:var(--accent);min-width:17px;height:17px;color:var(--text-on-accent);place-items:center;padding:0 5px;font-size:10.5px;font-weight:600;display:inline-grid}.drawer-scrim{z-index:700;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#0c172366;position:fixed;inset:0}.drawer{z-index:701;background:var(--bg-primary);border-left:.5px solid var(--border-default);width:380px;max-width:92vw;height:100vh;box-shadow:var(--shadow-600);flex-direction:column;display:flex;position:fixed;top:0;right:0}.drawer__head{border-bottom:.5px solid var(--border-default);justify-content:space-between;align-items:center;padding:16px 16px 14px 20px;display:flex}.drawer__title{color:var(--text-primary);align-items:center;gap:8px;font-size:15px;font-weight:600;display:flex}.drawer__count{border-radius:var(--radius-full);background:var(--accent-muted);min-width:20px;height:20px;color:var(--text-brand);place-items:center;padding:0 6px;font-size:11px;font-weight:600;display:inline-grid}.drawer__body{flex-direction:column;flex:1;gap:10px;padding:14px 16px;display:flex;overflow-y:auto}.drawer__empty{text-align:center;color:var(--text-muted);margin:auto;padding:40px 16px}.drawer__empty-icon{color:var(--border-hover);font-size:28px}.drawer__empty-title{color:var(--text-secondary);margin-top:10px;font-size:14px;font-weight:600}.drawer__empty-sub{margin-top:4px;font-size:12.5px;line-height:1.55}.demo-card{border:.5px solid var(--border-default);border-radius:var(--radius-300);background:var(--bg-secondary);align-items:center;gap:12px;padding:12px;display:flex}.demo-card__icon{border-radius:var(--radius-200);background:var(--accent-muted);width:36px;height:36px;color:var(--accent);flex:none;place-items:center;font-size:17px;display:grid}.demo-card__meta{flex:1;min-width:0}.demo-card__name{font-family:var(--font-mono);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:600;overflow:hidden}.demo-card__sub{color:var(--text-muted);margin-top:3px;font-size:11px}.demo-card__actions{flex-direction:column;flex:none;gap:6px;display:flex}.demo-card__actions .artifact__btn{justify-content:center;padding:5px 12px;font-size:11.5px}.ob-overlay{z-index:1100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0c1723a6;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.ob{background:var(--bg-primary);border:.5px solid var(--border-default);border-radius:var(--radius-400);width:min(920px,96vw);max-height:90vh;box-shadow:var(--shadow-600);padding:30px 32px 26px;position:relative;overflow-y:auto}.ob__close{border-radius:var(--radius-200);width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:0;place-items:center;font-size:15px;display:grid;position:absolute;top:16px;right:16px}.ob__close:hover{background:var(--bg-hover);color:var(--text-primary)}.ob__hero{flex-direction:column;gap:10px;margin-bottom:22px;display:flex}.ob__title{letter-spacing:-.02em;color:var(--text-primary);margin:4px 0 0;font-size:24px;font-weight:600}.ob__lede{color:var(--text-secondary);max-width:68ch;margin:0;font-size:14px;line-height:1.6}.ob__cols{grid-template-columns:1fr 1fr;gap:28px;display:grid}@media (width<=760px){.ob__cols{grid-template-columns:1fr;gap:22px}}.ob__col-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-brand);margin:0 0 12px;font-size:11px;font-weight:600}.ob__tips{flex-direction:column;gap:14px;display:flex}.ob__tip{flex-direction:column;gap:3px;display:flex}.ob__tip-title{color:var(--text-primary);font-size:13.5px;font-weight:600}.ob__tip-body{color:var(--text-secondary);font-size:12.5px;line-height:1.55}.ob__caps{flex-direction:column;gap:12px;display:flex}.ob__cap{align-items:flex-start;gap:11px;display:flex}.ob__cap-icon{border-radius:var(--radius-200);background:var(--bg-secondary);flex:none;place-items:center;width:30px;height:30px;font-size:15px;display:grid}.ob__cap-text{min-width:0}.ob__cap-name{color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.ob__cap-badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em;padding:1px 7px;font-size:9px;font-weight:600}.ob__cap-badge--internal{background:var(--accent-muted);color:var(--text-brand)}.ob__cap-badge--external{background:var(--bg-tertiary);color:var(--text-muted)}.ob__cap-body{color:var(--text-secondary);margin-top:2px;font-size:12px;line-height:1.5}.ob__foot{justify-content:flex-end;margin-top:26px;display:flex}.ob__cta{border-radius:var(--radius-200);background:var(--accent);color:var(--text-on-accent);font:inherit;cursor:pointer;box-shadow:var(--shadow-200);border:0;padding:10px 20px;font-size:13.5px;font-weight:600}.ob__cta:hover{background:var(--accent-hover)}