.aiui-thinking{--think-canvas: var(--background, #070707);--think-surface: var(--surface, #121212);--think-inset: var(--selected, rgba(255, 255, 255, .075));--think-hover: var(--surface-strong, #171717);--think-line: var(--border, rgba(255, 255, 255, .1));--think-line-strong: rgba(255, 255, 255, .22);--think-ink: var(--foreground, #f4f4f4);--think-ink-2: var(--muted-foreground, #a4a4a4);--think-ink-3: var(--faint, #666);--think-accent: var(--accent, #5b7cff);width:100%;max-width:380px;display:flex;flex-direction:column;color:var(--think-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aiui-thinking,.aiui-thinking *{box-sizing:border-box}.thinking-trigger{width:fit-content;display:flex;align-items:center;gap:8px;margin:0 -6px;padding:4px 6px;border:0;border-radius:7px;background:transparent;color:inherit;cursor:pointer;transition:background .1s ease}.thinking-trigger:hover{background:color-mix(in srgb,var(--think-hover) 78%,transparent)}.thinking-spark{flex:0 0 auto}.thinking-status{display:contents}.thinking-active{color:transparent;background-image:linear-gradient(90deg,var(--think-ink-3) 35%,var(--think-ink) 50%,var(--think-ink-3) 65%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;font-size:13px;font-weight:500;white-space:nowrap;animation:thinking-shimmer 1.4s linear infinite}.thinking-done{color:var(--think-ink-2);font-size:13px;font-weight:500;white-space:nowrap;animation:thinking-fade-in .35s ease-out both}.thinking-chevron{transition:transform .3s ease}.thinking-collapse{display:grid;transition:grid-template-rows .4s cubic-bezier(.23,1,.32,1),opacity .4s cubic-bezier(.23,1,.32,1)}.thinking-overflow{overflow:hidden}.thinking-trace{position:relative;margin-top:4px;margin-left:5px;padding-left:16px}.thinking-line{position:absolute;top:-8px;left:3px;width:1px;background:var(--think-line);transition:height .5s cubic-bezier(.23,1,.32,1)}.thinking-rows{display:flex;flex-direction:column;gap:4px;padding:4px 0}.thinking-query{height:24px;display:flex;align-items:center;gap:8px;padding:0 6px;animation:thinking-fade-up .3s cubic-bezier(.23,1,.32,1) both}.thinking-query svg{flex:0 0 auto}.thinking-query span{color:var(--think-ink-2);font-size:12.5px}.thinking-row{min-height:28px;width:100%;display:flex;align-items:center;gap:8px;padding:2px 6px;border:0;border-radius:6px;background:transparent;color:inherit;text-align:left;text-decoration:none;animation:thinking-fade-up .32s cubic-bezier(.23,1,.32,1) both}.thinking-row.is-interactive{cursor:pointer;transition:background .15s ease}.thinking-row.is-interactive:hover{background:var(--think-hover)}.thinking-row.is-selected{background:var(--think-inset)}.thinking-row-icon{flex:0 0 auto}.thinking-spinner{width:12px;height:12px;flex:0 0 auto;border:1.5px solid var(--think-line-strong);border-top-color:var(--think-ink-2);border-radius:999px;animation:thinking-spin .7s linear infinite}.thinking-primary{min-width:0;overflow:hidden;color:var(--think-ink);font-size:12.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.thinking-primary.is-reasoning{overflow:visible;color:var(--think-ink-2);font-weight:400;line-height:1.55;white-space:normal}.thinking-primary.is-link{background-image:linear-gradient(currentColor,currentColor);background-position:0 100%;background-repeat:no-repeat;background-size:0 1px;transition:background-size .16s ease}.thinking-row:hover .thinking-primary.is-link{background-size:100% 1px}.thinking-secondary{flex:0 0 auto;color:var(--think-ink-3);font-size:11.5px}.thinking-secondary.is-mono,.thinking-diff{font-family:var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace)}.thinking-diff{flex:0 0 auto;font-size:11px;font-variant-numeric:tabular-nums}.thinking-diff span{color:#4ca77b}.thinking-diff em{color:#d26060;font-style:normal}.thinking-web-dot{width:14px;height:14px;flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#fff}.thinking-web-dot.tone-accent{background:var(--think-accent)}.thinking-web-dot.tone-orange{background:#db7a3b}.thinking-web-dot.tone-green{background:#4ca77b}.thinking-more{color:var(--think-ink-3);font-size:12px;animation:thinking-fade-in .3s ease-out both}@keyframes thinking-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes thinking-fade-in{0%{opacity:0}to{opacity:1}}@keyframes thinking-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes thinking-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.aiui-thinking *,.aiui-thinking *:before,.aiui-thinking *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-chat-composer{width:min(100%,380px);height:288px;display:flex;flex-direction:column;overflow:hidden;border-radius:14px;background:var(--aiui-surface);box-shadow:0 12px 38px #0000003d,inset 0 0 0 1px var(--aiui-border-soft)}.chat-composer-header{height:38px;flex:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:6px;border-bottom:1px solid var(--aiui-border-soft)}.chat-composer-tabs,.chat-composer-actions{display:flex;align-items:center;gap:2px}.chat-composer-header button{border:0;background:transparent;color:var(--aiui-muted);cursor:pointer}.chat-composer-tabs button{height:26px;padding:0 8px;border-radius:6px;font-size:12px}.chat-composer-tabs button[aria-pressed=true]{background:var(--aiui-selected);color:var(--aiui-foreground)}.chat-composer-actions button{width:26px;height:26px;display:grid;place-items:center;border-radius:6px}.chat-composer-actions button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.chat-composer-thread{min-height:0;flex:1;display:flex;flex-direction:column;gap:10px;overflow-y:auto;padding:10px 12px 4px;scrollbar-width:thin}.chat-composer-user{display:flex;justify-content:flex-end;padding-left:56px}.chat-composer-user span{max-width:100%;padding:7px 10px;border-radius:12px;background:var(--aiui-selected);color:var(--aiui-foreground);font-size:12px;line-height:1.4}.chat-composer-result{display:flex;flex-direction:column;gap:5px;transform-origin:top left;animation:aiui-chat-fade-up .4s cubic-bezier(.23,1,.32,1) both;transition:opacity .4s,filter .4s,transform .4s}.chat-composer-result.is-resolving{opacity:.55;filter:blur(.5px);transform:scale(.985)}.chat-composer-result>div{display:flex;align-items:center;gap:5px;font-size:11px;line-height:1.3}.chat-composer-result strong{color:var(--aiui-foreground);font-weight:560}.chat-composer-result span{color:var(--aiui-faint)}.chat-composer-result span:last-child:before{content:"for "}.chat-composer-result p{margin:0;color:var(--aiui-muted);font-size:12px;line-height:1.45}.chat-composer-footer{flex:0 0 auto;padding:6px}.chat-composer-field{display:grid;grid-template-columns:minmax(0,1fr) 28px;gap:8px;align-items:center;min-height:46px;padding:7px 7px 7px 10px;border:1px solid var(--aiui-border);border-radius:12px;background:var(--aiui-surface-strong);transition:border-color .15s}.chat-composer-field:focus-within{border-color:color-mix(in srgb,var(--aiui-foreground) 22%,transparent)}.chat-composer-field input{min-width:0;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:12px}.chat-composer-field input::placeholder{color:var(--aiui-faint)}.chat-composer-field button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:8px;background:var(--aiui-foreground);color:var(--aiui-background);cursor:pointer;transition:opacity .15s,transform .15s}.chat-composer-field button:active{transform:scale(.95)}.chat-composer-field button:disabled{cursor:not-allowed;opacity:.25}@keyframes aiui-chat-fade-up{0%{opacity:0;transform:translateY(8px)}}.demo-chat{height:280px;display:grid;grid-template-rows:1fr auto;gap:16px}.demo-chat-messages{display:grid;align-content:end;gap:10px}.demo-message{display:flex;align-items:flex-start;gap:8px}.demo-message>span{width:24px;height:24px;display:grid;place-items:center;border:1px solid var(--aiui-border);border-radius:50%;color:var(--aiui-muted)}.demo-message p{max-width:76%;margin:0;padding:9px 12px;border-radius:12px;background:var(--aiui-surface-strong);color:var(--aiui-muted);font-size:12px;line-height:1.5}.demo-message.user{flex-direction:row-reverse}.demo-message.user p{background:var(--aiui-foreground);color:var(--aiui-background)}.demo-composer{height:44px;display:flex;gap:8px;padding:5px 5px 5px 13px;border:1px solid var(--aiui-border);border-radius:14px;background:var(--aiui-surface);transition:border-color .15s}.demo-composer:focus-within{border-color:color-mix(in srgb,var(--aiui-foreground) 22%,transparent)}.demo-composer input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:12px}.demo-composer button{width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:10px;background:var(--aiui-foreground);color:var(--aiui-background)}.demo-composer button:disabled{cursor:not-allowed;opacity:.35}.demo-code-block{width:min(100%,390px);overflow:hidden;border:1px solid var(--aiui-border);border-radius:12px;background:var(--aiui-surface);box-shadow:0 14px 34px #00000038}.code-block-header{display:flex;min-height:42px;align-items:center;justify-content:space-between;gap:16px;padding:0 12px;border-bottom:1px solid var(--aiui-border-soft)}.code-block-file{display:flex;align-items:baseline;gap:8px;min-width:0}.code-block-file strong{font:500 12px/1 var(--aiui-code);color:var(--aiui-foreground)}.code-block-file small{color:var(--aiui-faint);font-size:11.5px}.code-block-copy{display:inline-flex;height:27px;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:6px;color:var(--aiui-faint);background:transparent;cursor:pointer;font-size:11.5px;transition:color .14s ease,background .14s ease}.code-block-copy:hover{color:var(--aiui-foreground);background:var(--aiui-selected)}.code-block-copy.is-copied{color:#55c98f}.code-block-copy.is-error{color:#ec8a8a}.code-block-pre{min-height:154px;margin:0;overflow-x:auto;padding:11px 12px;color:var(--aiui-muted);background:color-mix(in srgb,var(--aiui-background) 64%,var(--aiui-surface));font:11.5px/1.72 var(--aiui-code);scrollbar-width:thin}.code-block-pre code{display:block;min-width:max-content}.code-block-line{display:flex;min-height:20px;animation:code-line-in .25s cubic-bezier(.23,1,.32,1) both}.code-block-number{width:19px;flex:0 0 19px;padding-right:8px;color:color-mix(in srgb,var(--aiui-faint) 60%,transparent);text-align:right;-webkit-user-select:none;user-select:none}.code-block-content{white-space:pre}.tok-kw{color:#c9b8ff}.tok-str{color:#79c99a}.tok-num{color:#eca966}.tok-fn{color:var(--aiui-foreground)}.tok-dim{color:var(--aiui-faint)}.code-block-caret{display:inline-block;width:3px;height:12px;margin-left:2px;translate:0 2px;border-radius:2px;background:var(--aiui-accent);animation:aiui-blink .75s steps(1) infinite}@keyframes code-line-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.expandable-tabs,.expandable-tabs *{box-sizing:border-box}.expandable-tabs{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:26px;background:var(--surface);color:var(--foreground);box-shadow:0 18px 56px #00000038}.expandable-tabs-sizer{position:absolute;top:0;left:0;display:grid;width:max-content;padding:8px 8px 0;visibility:hidden;pointer-events:none}.expandable-tabs-size-item{grid-column:1;grid-row:1;width:max-content}.expandable-tabs-panel{position:absolute;top:0;right:0;left:0;z-index:1;overflow:hidden;padding:8px 8px 0}.expandable-tabs-panel-content{width:max-content}.expandable-tabs-bar{position:absolute;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:4px;padding:8px}.expandable-tabs-tab{position:relative;isolation:isolate;min-width:32px;height:36px;display:flex;flex:0 0 auto;align-items:center;justify-content:center;overflow:hidden;padding:0 8px;border:0;border-radius:18px;outline:none;background:transparent;color:var(--muted-foreground);font:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:color .14s ease}.expandable-tabs-tab:hover,.expandable-tabs-tab.is-active{color:var(--foreground)}.expandable-tabs-tab.is-active{min-width:0;justify-content:flex-start;padding-right:16px;padding-left:10px}.expandable-tabs-tab:focus-visible{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 28%,transparent)}.expandable-tabs-pill{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;border-radius:18px;background:var(--selected)}.expandable-tabs-icon{display:grid;flex:0 0 auto;place-items:center}.expandable-tabs-label{display:inline-block;overflow:hidden;line-height:1;white-space:nowrap}.expandable-tabs-label-sizer{position:fixed;top:0;left:0;z-index:-10;display:flex;opacity:0;pointer-events:none}.expandable-tabs-label-sizer span{font-size:14px;font-weight:500;line-height:1;white-space:nowrap}.expandable-tabs-demo-panel{width:304px;min-height:142px;padding:16px;border-radius:20px;background:var(--surface-strong)}.expandable-tabs-demo-heading{display:flex;align-items:center;gap:8px;padding-bottom:14px;border-bottom:1px solid var(--border)}.expandable-tabs-demo-heading strong{font-size:13px;font-weight:560}.expandable-tabs-demo-mark{width:8px;height:8px;flex:0 0 auto;border-radius:3px;box-shadow:0 0 18px currentColor}.expandable-tabs-demo-row{min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted-foreground);font-size:12px}.expandable-tabs-demo-row+.expandable-tabs-demo-row{border-top:1px solid var(--border-soft)}.expandable-tabs-demo-status{width:7px;height:7px;border-radius:50%;background:#55c89f;box-shadow:0 0 0 3px color-mix(in srgb,#55c89f 12%,transparent)}.expandable-tabs-demo-chevron{color:var(--faint);font-size:18px;line-height:1}@media(prefers-reduced-motion:reduce){.expandable-tabs-tab{transition:none}}.demo-search-list{width:min(100%,288px);min-height:248px;display:flex;align-items:flex-start}.search-list-card{width:100%;overflow:hidden;border-radius:14px;background:var(--aiui-surface);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 18px 44px #0003}.search-list-input-row{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--aiui-border-soft);color:var(--aiui-faint);transition:background-color .12s,color .12s}.search-list-input-row:hover,.search-list-input-row:focus-within{background:var(--aiui-selected);color:var(--aiui-muted)}.search-list-input-row>svg{flex:0 0 auto}.search-list-input-row input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:13px}.search-list-input-row input::placeholder{color:var(--aiui-faint)}.search-list-input-row button{width:24px;height:24px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:999px;background:transparent;color:var(--aiui-faint);cursor:pointer;animation:search-list-fade .15s ease-out both}.search-list-input-row button:hover{background:var(--aiui-border);color:var(--aiui-foreground)}.search-list-results{display:grid;gap:1px;padding:4px}.search-list-results button{position:relative;width:100%;height:32px;display:flex;align-items:center;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--aiui-foreground);text-align:left;font-size:13px;cursor:pointer;animation:search-list-fade .2s ease-out both}.search-list-results button:hover,.search-list-results button:focus-visible,.search-list-results button[aria-selected=true]{background:var(--aiui-selected)}.search-list-empty{min-height:154px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:24px 16px;text-align:center;animation:search-list-fade .25s ease-out both}.search-list-empty>span{width:32px;height:32px;display:grid;place-items:center;margin-bottom:6px;border-radius:8px;background:var(--aiui-surface-strong);color:var(--aiui-faint);box-shadow:inset 0 0 0 1px var(--aiui-border-soft)}.search-list-empty strong{color:var(--aiui-foreground);font-size:13px;font-weight:560}.search-list-empty small{color:var(--aiui-faint);font-size:12px}@keyframes search-list-fade{0%{opacity:0}}.demo-morphing-search{--aiui-background: var(--background, #070707);--aiui-surface: var(--surface, #121212);--aiui-surface-strong: var(--surface-strong, #171717);--aiui-foreground: var(--foreground, #f4f4f4);--aiui-muted: var(--muted-foreground, #9a9a9a);--aiui-faint: var(--faint, #666);--aiui-border: var(--border, rgba(255, 255, 255, .1));--aiui-border-soft: var(--border-soft, rgba(255, 255, 255, .065));--aiui-border-strong: var(--border-strong, rgba(255, 255, 255, .14));--aiui-selected: var(--selected, rgba(255, 255, 255, .085));--aiui-focus-ring: color-mix(in srgb, var(--aiui-foreground) 32%, transparent);--aiui-code: var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);position:relative;width:min(100%,288px);height:48px;color:var(--aiui-foreground);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}.demo-morphing-search,.demo-morphing-search *,.morphing-search-portal,.morphing-search-portal *{box-sizing:border-box}.demo-morphing-search.is-icon-only{width:48px}.morphing-search-trigger{width:100%;height:100%;display:block;padding:0;border:0;border-radius:12px;background:color-mix(in srgb,var(--aiui-surface) 72%,transparent);color:var(--aiui-foreground);cursor:text;box-shadow:inset 0 0 0 1px var(--aiui-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:box-shadow .14s ease}.demo-morphing-search.is-icon-only .morphing-search-trigger{cursor:pointer}.morphing-search-trigger:hover{box-shadow:inset 0 0 0 1px var(--aiui-border-strong)}.morphing-search-trigger-content{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;gap:10px;padding:0 14px;color:var(--aiui-muted);pointer-events:none}.morphing-search-trigger-content.is-layered{z-index:60}.demo-morphing-search.is-icon-only .morphing-search-trigger-content{justify-content:center;padding:0}.morphing-search-trigger-content>svg{flex:0 0 auto}.morphing-search-trigger-content>span{min-width:0;flex:1;overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.morphing-search-trigger-content kbd,.morphing-search-input-row kbd{height:28px;min-width:28px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;border:1px solid var(--aiui-border);border-radius:6px;background:transparent;color:var(--aiui-muted);font-family:var(--aiui-code);font-size:11px;font-weight:500;line-height:1}.morphing-search-portal{--aiui-background: var(--background, #070707);--aiui-surface: var(--surface, #121212);--aiui-surface-strong: var(--surface-strong, #171717);--aiui-foreground: var(--foreground, #f4f4f4);--aiui-muted: var(--muted-foreground, #9a9a9a);--aiui-faint: var(--faint, #666);--aiui-border: var(--border, rgba(255, 255, 255, .1));--aiui-border-soft: var(--border-soft, rgba(255, 255, 255, .065));--aiui-border-strong: var(--border-strong, rgba(255, 255, 255, .14));--aiui-selected: var(--selected, rgba(255, 255, 255, .085));--aiui-focus-ring: color-mix(in srgb, var(--aiui-foreground) 32%, transparent);--aiui-code: var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;color:var(--aiui-foreground);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;pointer-events:none}.morphing-search-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.morphing-search-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;padding:0;border:0;background:transparent;cursor:default;pointer-events:auto}.morphing-search-shell{position:fixed;z-index:1;border-radius:12px;background:color-mix(in srgb,var(--aiui-surface) 92%,transparent);box-shadow:inset 0 0 0 1px var(--aiui-border),0 24px 80px #0000007a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.morphing-search-dialog{position:fixed;z-index:2;overflow:hidden;border-radius:12px;pointer-events:auto}.morphing-search-input-row{height:48px;display:flex;align-items:center;gap:10px;padding:0 14px;border-bottom:1px solid var(--aiui-border);color:var(--aiui-muted)}.morphing-search-input-row.is-icon-only{padding-inline:16px}.morphing-search-input-row>svg{flex:0 0 auto}.morphing-search-input-row input{min-width:0;height:40px;flex:1;padding:0;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font:inherit;font-size:14px}.morphing-search-input-row input::placeholder{color:var(--aiui-muted)}.morphing-search-results{overflow-y:auto;overscroll-behavior:contain;padding:8px;scrollbar-width:thin;scrollbar-color:var(--aiui-border-strong) transparent}.morphing-search-result{position:relative;width:100%;min-height:52px;display:flex;align-items:center;gap:10px;padding:8px 12px;border:0;border-radius:8px;outline:0;background:transparent;color:var(--aiui-foreground);text-align:left;cursor:pointer}.morphing-search-result:focus-visible{box-shadow:inset 0 0 0 1px var(--aiui-focus-ring)}.morphing-search-result-highlight{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:8px;background:var(--aiui-selected)}.morphing-search-result-icon{position:relative;flex:0 0 auto;color:var(--aiui-muted)}.morphing-search-result-copy{position:relative;min-width:0;display:grid;gap:2px}.morphing-search-result-copy strong{overflow:hidden;color:var(--aiui-foreground);font-size:14px;font-weight:560;text-overflow:ellipsis;white-space:nowrap}.morphing-search-result-copy small{overflow:hidden;color:var(--aiui-muted);font-size:12px;text-overflow:ellipsis;white-space:nowrap}.morphing-search-empty{margin:0;padding:32px 12px;color:var(--aiui-muted);text-align:center;font-size:14px}@media(prefers-reduced-motion:reduce){.morphing-search-trigger,.morphing-search-result{transition:none}}.demo-selection-actions{display:grid;width:min(100%,500px);min-height:264px;place-content:center;padding:32px 24px}.selection-copy{max-width:455px;margin:0 0 18px;color:var(--aiui-muted);font-size:14px;line-height:1.8}.selection-copy mark{margin:0 -1px;padding:2px 1px;border-radius:3px;color:var(--aiui-foreground);background:#9176ff40;box-shadow:inset 0 -1px #b9a9ff80}.selection-action-bar,.selection-prompt{width:fit-content;max-width:100%;margin-inline:auto;border:1px solid var(--aiui-border-strong);border-radius:10px;color:var(--aiui-foreground);background:color-mix(in srgb,var(--aiui-surface-strong) 92%,black);box-shadow:0 14px 36px #0000005c}.selection-action-bar{display:flex;min-height:40px;align-items:center;overflow:hidden}.selection-action-list{display:flex;align-items:center;padding:4px}.selection-action-list button,.selection-more,.selection-result-actions button{display:inline-flex;height:31px;align-items:center;gap:5px;padding:0 8px;border:0;border-radius:7px;color:var(--aiui-muted);background:transparent;cursor:pointer;font-size:11.5px;white-space:nowrap}.selection-action-list button:hover,.selection-action-list button.is-active,.selection-more:hover,.selection-result-actions button:hover{color:var(--aiui-foreground);background:var(--aiui-selected)}.selection-more{width:34px;justify-content:center;padding:0;border-left:1px solid var(--aiui-border-soft);border-radius:0}.selection-thinking{display:flex;align-items:center;gap:8px;padding:0 13px;color:var(--aiui-muted);font-size:12px}.selection-thinking>svg{color:#b9a8ff}.selection-thinking i{display:inline-flex;gap:3px}.selection-thinking b{width:3px;height:3px;border-radius:999px;background:currentColor;animation:selection-dot .9s ease-in-out infinite}.selection-thinking b:nth-child(2){animation-delay:.12s}.selection-thinking b:nth-child(3){animation-delay:.24s}.selection-result{width:min(460px,calc(100vw - 80px));padding:12px}.selection-result p{min-height:42px;margin:0;color:var(--aiui-foreground);font-size:13px;line-height:1.6}.selection-result-actions{display:flex;flex-wrap:wrap;gap:3px;margin-top:9px;padding-top:8px;border-top:1px solid var(--aiui-border-soft)}.selection-result-actions button{height:28px}.selection-result-actions button.is-primary{color:var(--aiui-foreground);background:var(--aiui-selected)}.selection-result-actions button:disabled{cursor:default;opacity:.65}.selection-prompt{display:flex;width:min(420px,100%);margin-top:8px;padding:5px;animation:selection-prompt-in .18s ease-out both}.selection-prompt input{min-width:0;flex:1;height:32px;padding:0 8px;border:0;outline:0;color:var(--aiui-foreground);background:transparent;font-size:12px}.selection-prompt input::placeholder{color:var(--aiui-faint)}.selection-prompt button{display:grid;width:32px;height:32px;place-items:center;border:0;border-radius:7px;color:#090909;background:var(--aiui-foreground);cursor:pointer}.selection-prompt button:disabled{opacity:.35;cursor:default}@keyframes selection-dot{0%,to{opacity:.25;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}@keyframes selection-prompt-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.demo-sidebar-nav{--sidebar-nav-width: 224px;position:relative;width:var(--sidebar-nav-width);flex:0 0 auto;transition:width .28s cubic-bezier(.16,1,.3,1)}.demo-sidebar-nav.is-collapsed{--sidebar-nav-width: 52px}.demo-sidebar-nav.is-fill{height:100%}.demo-sidebar-nav>aside{width:var(--sidebar-nav-width);display:flex;flex-direction:column;border-radius:14px;background:var(--aiui-surface);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 16px 44px #0003;transition:width .28s cubic-bezier(.16,1,.3,1)}.demo-sidebar-nav.is-fill>aside{height:100%;overflow:hidden}.sidebar-nav-topbar{position:relative;height:42px;flex:0 0 auto}.sidebar-nav-topbar button,.sidebar-nav-row,.sidebar-nav-history button,.sidebar-nav-footer button,.sidebar-nav-workspace-menu button{border:0;background:transparent;color:var(--aiui-muted);cursor:pointer}.sidebar-nav-workspace{position:absolute;top:5px;left:8px;width:168px;height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:8px;text-align:left}.sidebar-nav-workspace:hover,.sidebar-nav-row:hover,.sidebar-nav-recent:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.sidebar-nav-workspace>span:nth-child(2){min-width:0;flex:1;overflow:hidden;color:var(--aiui-foreground);font-size:13px;font-weight:540;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-icon{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center}.sidebar-nav-collapse{position:absolute;top:5px;right:8px;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:8px}.sidebar-nav-collapse:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.demo-sidebar-nav.is-collapsed .sidebar-nav-collapse{right:10px;transform:rotate(180deg)}.demo-sidebar-nav.is-collapsed .sidebar-nav-workspace{pointer-events:none;opacity:0}.sidebar-nav-primary{display:grid;gap:1px;padding:0 8px}.sidebar-nav-row{width:208px;height:32px;display:flex;align-items:center;gap:6px;padding:0 8px;border-radius:8px;text-align:left;transition:background-color .14s,color .14s,transform .14s}.sidebar-nav-row:active,.sidebar-nav-recent:active{transform:scale(.98)}.sidebar-nav-row[data-active]{background:var(--aiui-selected);color:var(--aiui-foreground)}.sidebar-nav-row>.sidebar-nav-copy{min-width:0;flex:1;overflow:hidden;font-size:13px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-row small{flex:0 0 auto;color:var(--aiui-faint);font-size:11px;font-variant-numeric:tabular-nums}.sidebar-nav-history{margin-top:10px}.demo-sidebar-nav.is-fill .sidebar-nav-history{min-height:0;flex:1;overflow:hidden}.sidebar-nav-history-head{position:relative;height:32px;margin:0 8px 2px}.sidebar-nav-history-head>span{height:32px;display:flex;align-items:center;gap:5px;padding:0 8px;color:var(--aiui-faint);font-size:12px;font-weight:520;transition:opacity .16s,transform .16s}.sidebar-nav-history-head>span[aria-hidden=true]{opacity:0;transform:translate(-4px)}.sidebar-nav-history-head>button{position:absolute;top:0;right:0;width:32px;height:32px;display:grid;place-items:center;padding:0;border-radius:8px}.sidebar-nav-history-head>button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.sidebar-nav-search{position:absolute;top:0;right:0;width:28px;height:32px;display:flex;align-items:center;gap:6px;overflow:hidden;padding-left:8px;border-radius:8px;background:var(--aiui-surface-strong);color:var(--aiui-faint);opacity:0;pointer-events:none;box-shadow:inset 0 0 0 1px var(--aiui-border-soft);transition:width .18s cubic-bezier(.16,1,.3,1),opacity .14s}.sidebar-nav-search[data-open]{width:100%;opacity:1;pointer-events:auto}.sidebar-nav-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:12px}.sidebar-nav-search input::placeholder{color:var(--aiui-faint)}.sidebar-nav-search button{width:30px;height:30px;flex:0 0 auto;display:grid;place-items:center;padding:0;border-radius:7px}.sidebar-nav-recents{display:grid;align-content:start;gap:1px;padding:0 8px;scrollbar-width:none}.demo-sidebar-nav.is-fill .sidebar-nav-recents{height:calc(100% - 34px);overflow-y:auto}.sidebar-nav-recent{width:208px;height:30px;overflow:hidden;padding:0 8px;border-radius:8px;color:var(--aiui-muted);text-align:left;font-size:12.5px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-recent[data-active]{background:var(--aiui-selected);color:var(--aiui-foreground)}.sidebar-nav-recents p{margin:0;padding:8px;color:var(--aiui-faint);font-size:12px}.sidebar-nav-footer{flex:0 0 auto;margin:8px;padding-top:8px;border-top:1px solid var(--aiui-border-soft)}.sidebar-nav-footer button{width:208px;height:32px;border-radius:8px;background:var(--aiui-selected);color:var(--aiui-foreground);font-size:12px;font-weight:540}.sidebar-nav-footer button:hover{background:var(--aiui-border)}.sidebar-nav-copy{opacity:1;transform:translate(0);transition:opacity .16s,transform .18s cubic-bezier(.16,1,.3,1)}.demo-sidebar-nav.is-collapsed .sidebar-nav-copy{pointer-events:none;opacity:0;transform:translate(-8px)}.demo-sidebar-nav.is-collapsed .sidebar-nav-row{width:36px;padding:0 8px}.demo-sidebar-nav.is-collapsed .sidebar-nav-primary{padding:0 8px}.demo-sidebar-nav.is-collapsed:not(.is-fill) .sidebar-nav-history,.demo-sidebar-nav.is-collapsed:not(.is-fill) .sidebar-nav-footer{display:none}.sidebar-nav-workspace-menu{position:absolute;top:40px;left:8px;z-index:1;width:256px;display:grid;gap:1px;padding:6px;border-radius:14px;background:var(--aiui-surface-strong);box-shadow:inset 0 0 0 1px var(--aiui-border),0 18px 54px #0000006b;animation:sidebar-nav-pop .18s cubic-bezier(.23,1,.32,1) both;transform-origin:top left}.sidebar-nav-workspace-menu button{height:34px;display:flex;align-items:center;gap:9px;padding:0 8px;border-radius:8px;color:var(--aiui-foreground);text-align:left;font-size:12.5px}.sidebar-nav-workspace-menu button:hover{background:var(--aiui-selected)}.sidebar-nav-workspace-menu button span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-nav-workspace-menu b{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;background:var(--aiui-foreground);color:var(--aiui-surface);font-size:11px}.sidebar-nav-workspace-menu hr{width:100%;height:1px;margin:4px 0;border:0;background:var(--aiui-border-soft)}@keyframes sidebar-nav-pop{0%{opacity:0;transform:scale(.97) translateY(-3px)}}.demo-citations{padding:20px;border:1px solid var(--aiui-border);border-radius:16px;background:var(--aiui-surface)}.demo-citations>p{margin:0 0 18px;font-size:13px;line-height:1.65}.demo-citations sup{color:var(--aiui-accent)}.demo-citations>button{height:30px;display:inline-flex;align-items:center;gap:7px;border:0;border-radius:8px;background:transparent;color:var(--aiui-muted);font-size:10px}.citation-list{display:grid;gap:2px;margin-top:12px}.citation-list a{display:flex;justify-content:space-between;padding:10px;border-radius:8px;color:var(--aiui-muted);font-size:10.5px;text-decoration:none}.citation-list a:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.citation-list span{color:var(--aiui-faint)}.demo-context-cards{display:flex;width:min(100%,380px);flex-direction:column;gap:8px}.context-summary{display:flex;align-items:center;gap:8px;padding:0 2px;animation:context-fade-in .4s ease-out both}.context-summary strong{font-size:13px;font-weight:600}.context-summary>span{height:20px;display:inline-flex;align-items:center;padding:0 6px;border-radius:6px;background:var(--aiui-surface-strong);color:var(--aiui-muted);box-shadow:inset 0 0 0 1px var(--aiui-border-soft);font-size:11.5px;font-weight:500;font-variant-numeric:tabular-nums}.context-card{overflow:hidden;border-radius:14px;background:var(--aiui-surface);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 12px 34px #00000024;animation:context-fade-up .4s cubic-bezier(.23,1,.32,1) calc(var(--context-index) * .1s) both}.context-card header{min-height:38px;display:flex;align-items:center;gap:10px;padding:0 12px;border-bottom:1px solid var(--aiui-border-soft)}.context-card header>span{min-width:0;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500}.context-card header em{overflow:hidden;font-style:normal;text-overflow:ellipsis;white-space:nowrap}.context-card header small{flex:0 0 auto;margin-left:auto;color:var(--aiui-faint);font-size:12px;font-variant-numeric:tabular-nums}.context-card>p{margin:0;padding:8px 12px 4px;color:var(--aiui-muted);font-size:12.5px;line-height:1.6}.context-card footer{padding:0 12px 12px}.context-source-chip{height:24px;max-width:100%;display:inline-flex;align-items:center;gap:6px;overflow:hidden;padding:0 8px;border-radius:999px;background:var(--aiui-surface-strong);color:var(--aiui-muted);box-shadow:inset 0 0 0 1px var(--aiui-border-soft);font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap;transition:opacity .3s,transform .3s,background-color .15s;transition-timing-function:cubic-bezier(.23,1,.32,1)}.context-source-chip:hover{background:var(--aiui-selected)}.context-source-chip b{width:14px;height:14px;flex:0 0 auto;display:grid;place-items:center;border-radius:4px;color:#fff;font-size:6.5px;letter-spacing:-.02em}.context-source-chip b.is-red{background:#d55a67}.context-source-chip b.is-green{background:#33956d}.context-source-chip svg{flex:0 0 auto}@keyframes context-fade-in{0%{opacity:0}}@keyframes context-fade-up{0%{opacity:0;transform:translateY(6px)}}.demo-flowchart{width:min(100%,520px)}.flowchart-canvas{position:relative;width:100%;height:330px;overflow:hidden;border:1px solid var(--aiui-border);border-radius:14px;background-color:color-mix(in srgb,var(--aiui-background) 60%,var(--aiui-surface));background-image:radial-gradient(circle,color-mix(in srgb,var(--aiui-muted) 22%,transparent) 1px,transparent 1.2px);background-size:16px 16px}.flowchart-links{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.flowchart-links path{fill:none;stroke:color-mix(in srgb,var(--aiui-muted) 36%,transparent);stroke-width:1.5}.flowchart-links circle{fill:var(--aiui-surface-strong);stroke:var(--aiui-muted);stroke-width:1.2}.flow-node{position:absolute;top:0;left:0;z-index:1;color:var(--aiui-foreground);background:color-mix(in srgb,var(--aiui-surface-strong) 95%,black);border:1px solid var(--aiui-border-strong);box-shadow:0 10px 26px #0000004d;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.flow-node.is-dragging{cursor:grabbing;box-shadow:0 18px 38px #00000070}.flow-node.is-selected{border-color:color-mix(in srgb,var(--aiui-foreground) 28%,var(--aiui-border))}.flow-node small{display:block;margin-bottom:4px;color:var(--aiui-faint);font:9.5px/1 var(--aiui-code);text-transform:uppercase;letter-spacing:.06em}.flow-node strong{display:block;font-size:12px;font-weight:550;white-space:nowrap}.flow-grip{margin-left:auto;flex:0 0 auto;color:var(--aiui-faint)}.flow-trigger{display:flex;width:162px;min-height:70px;align-items:center;gap:10px;padding:12px;border-radius:11px}.flow-trigger-icon,.flow-condition-icon{display:grid;width:30px;height:30px;flex:0 0 30px;place-items:center;border-radius:8px;color:#d2c6ff;background:#8469ff24}.flow-condition{width:250px;min-height:164px;padding:11px;border-radius:12px}.flow-condition header{display:flex;align-items:center;gap:9px;margin-bottom:12px}.flow-condition-icon{width:29px;height:29px;flex-basis:29px;font-size:18px}.flow-rule{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.15fr);align-items:center;gap:5px}.flow-rule select{min-width:0;height:31px;padding:0 22px 0 8px;overflow:hidden;border:1px solid var(--aiui-border);border-radius:7px;color:var(--aiui-muted);background:var(--aiui-background);font-size:10.5px;text-overflow:ellipsis;cursor:pointer}.flow-rule-extra{margin-top:6px}.flow-operator{color:var(--aiui-faint);font-size:10px}.flow-add-rule{display:flex;height:29px;align-items:center;gap:5px;margin-top:9px;padding:0 7px;border:0;border-radius:6px;color:var(--aiui-faint);background:transparent;font-size:10.5px;cursor:pointer}.flow-add-rule:hover{color:var(--aiui-foreground);background:var(--aiui-selected)}.flow-add-rule svg:last-child{margin-left:auto}.flowchart-hint{position:absolute;right:12px;bottom:10px;color:color-mix(in srgb,var(--aiui-faint) 65%,transparent);font:9.5px/1 var(--aiui-code)}.demo-insight-cards{width:min(100%,430px)}.insight-card-shell{min-height:308px;overflow:hidden;border:1px solid var(--aiui-border);border-radius:13px;background:color-mix(in srgb,var(--aiui-surface-strong) 94%,black);box-shadow:0 16px 36px #0000003d}.insight-page{min-height:308px;padding:17px;animation:insight-page-in .26s cubic-bezier(.23,1,.32,1) both}.insight-heading{display:flex;align-items:flex-start;gap:10px}.insight-icon{display:grid;width:31px;height:31px;flex:0 0 31px;place-items:center;border-radius:8px;color:#c6baff;background:#8f73ff21}.insight-icon.is-alert{color:#ef9d62;background:#ef9d621f}.insight-heading small{display:block;margin-bottom:4px;color:var(--aiui-faint);font:9.5px/1 var(--aiui-code);text-transform:uppercase;letter-spacing:.06em}.insight-heading h3{margin:0;color:var(--aiui-foreground);font-size:13px;font-weight:560;line-height:1.35}.insight-page>p{margin:12px 1px 0;color:var(--aiui-muted);font-size:11.5px;line-height:1.55}.insight-chart{position:relative;height:146px;margin-top:20px;padding:4px 0 24px;outline:none}.insight-chart:focus-visible{border-radius:6px;box-shadow:0 0 0 1px var(--aiui-focus-ring)}.insight-chart svg{display:block;width:100%;height:118px;overflow:visible}.insight-gridline{stroke:var(--aiui-border-soft);stroke-width:1;vector-effect:non-scaling-stroke}.insight-alert-line{stroke:#ef9d6259;stroke-width:1;stroke-dasharray:3 4;vector-effect:non-scaling-stroke}.insight-hover-line{stroke:color-mix(in srgb,var(--aiui-muted) 38%,transparent);stroke-width:1;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}.insight-tooltip{position:absolute;z-index:1;bottom:0;display:flex;translate:-50% 0;gap:6px;padding:4px 6px;border:1px solid var(--aiui-border);border-radius:6px;color:var(--aiui-muted);background:var(--aiui-background);box-shadow:0 7px 18px #00000052;font-size:9.5px;white-space:nowrap;pointer-events:none}.insight-tooltip span{display:inline-flex;align-items:center;gap:4px}.insight-tooltip i{width:5px;height:5px;border-radius:50%}.insight-tooltip b{color:var(--aiui-foreground);font-weight:600}.insight-segmented{display:flex;width:fit-content;margin:14px 0 -6px auto;padding:2px;border-radius:7px;background:var(--aiui-background)}.insight-segmented button{height:24px;padding:0 8px;border:0;border-radius:5px;color:var(--aiui-faint);background:transparent;cursor:pointer;font-size:10.5px}.insight-segmented button.is-active{color:var(--aiui-foreground);background:var(--aiui-selected)}.insight-allocation{display:flex;flex-direction:column}.allocation-bar{display:flex;height:48px;margin-top:34px;overflow:hidden;border-radius:9px;background:var(--aiui-background)}.allocation-bar span{display:grid;min-width:42px;place-items:center;color:#f6f6f6;transition:width .32s cubic-bezier(.23,1,.32,1)}.allocation-bar span:nth-child(1){background:#6b59a5}.allocation-bar span:nth-child(2){background:#377e68}.allocation-bar span:nth-child(3){background:#9a653f}.allocation-bar b{font:600 10.5px/1 var(--aiui-code)}.allocation-legend{display:flex;gap:13px;margin:10px 0 22px;color:var(--aiui-faint);font-size:9.5px}.allocation-legend span{display:inline-flex;align-items:center;gap:5px}.allocation-legend i{width:6px;height:6px;border-radius:2px;background:#6b59a5}.allocation-legend span:nth-child(2) i{background:#377e68}.allocation-legend span:nth-child(3) i{background:#9a653f}.allocation-options{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:auto}.allocation-options button{display:flex;min-width:0;height:38px;align-items:center;justify-content:space-between;gap:4px;padding:0 9px;border:1px solid var(--aiui-border);border-radius:8px;color:var(--aiui-muted);background:transparent;cursor:pointer;font-size:10.5px}.allocation-options button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.allocation-options button.is-active{color:var(--aiui-foreground);border-color:var(--aiui-border-strong);background:var(--aiui-selected)}.insight-pagination{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:9px}.insight-pagination button{display:grid;width:28px;height:28px;place-items:center;border:1px solid var(--aiui-border);border-radius:7px;color:var(--aiui-muted);background:var(--aiui-surface);cursor:pointer}.insight-pagination button:hover{color:var(--aiui-foreground);background:var(--aiui-selected)}.insight-pagination>span{display:flex;gap:4px}.insight-pagination i{width:4px;height:4px;border-radius:999px;background:var(--aiui-border-strong);transition:width .18s ease,background .18s ease}.insight-pagination i.is-active{width:12px;background:var(--aiui-muted)}@keyframes insight-page-in{0%{opacity:0;transform:translate(7px)}to{opacity:1;transform:translate(0)}}.demo-filter-table{width:min(100%,520px)}.filter-table-filters{display:flex;align-items:center;gap:4px;overflow-x:auto;margin:-4px -4px 5px;padding:4px;scrollbar-width:none}.filter-table-filters button{height:28px;flex:0 0 auto;display:flex;align-items:center;gap:6px;padding:0 10px;border:0;border-radius:999px;background:transparent;color:var(--aiui-muted);font-size:11.5px;font-weight:500;transition:background-color .18s,color .18s,box-shadow .18s}.filter-table-filters button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.filter-table-filters button[aria-pressed=true]{background:var(--aiui-surface);color:var(--aiui-foreground);box-shadow:inset 0 0 0 1px var(--aiui-border)}.filter-table-filters small{min-width:16px;height:16px;display:grid;place-items:center;border-radius:4px;color:var(--aiui-faint);font-family:var(--aiui-code);font-size:9px;font-style:normal;font-variant-numeric:tabular-nums}.filter-table-filters button[aria-pressed=true] small{background:var(--aiui-surface-strong);color:var(--aiui-muted)}.filter-table-dot{width:6px;height:6px;border-radius:50%}.filter-table-region{overflow-x:auto;border-radius:14px;background:var(--aiui-surface);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 14px 36px #0000001f;scrollbar-width:none}.filter-table-grid{min-width:500px;display:grid;grid-template-columns:1.35fr .64fr .88fr .95fr;align-items:center;gap:8px;padding:0 12px}.filter-table-head{height:34px;border-bottom:1px solid var(--aiui-border-soft);color:var(--aiui-faint);font-size:10.5px;font-weight:500}.filter-table-collapse{display:grid;overflow:hidden;transition:grid-template-rows .28s cubic-bezier(.23,1,.32,1),opacity .22s ease}.filter-table-collapse>div{min-height:0;overflow:hidden}.filter-table-row{min-height:39px;border-bottom:1px solid var(--aiui-border-soft);color:var(--aiui-muted);font-size:11px;transition:background-color .12s}.filter-table-collapse:last-child .filter-table-row{border-bottom:0}.filter-table-row:hover{background:var(--aiui-selected)}.filter-table-row>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filter-table-row strong{color:var(--aiui-foreground);font-weight:500}.filter-table-row em{height:20px;display:inline-flex;align-items:center;padding:0 7px;border-radius:5px;font-size:10px;font-style:normal;font-weight:500}.filter-table-row em.is-todo{background:#f09a2f21;color:#e5a65c}.filter-table-row em.is-progress{background:#16a6c721;color:#62bfd4}.filter-table-row em.is-done{background:#25a87821;color:#63bd9b}.aiui-loading-state{--ink: var(--foreground, #f4f4f4);--ink-3: var(--faint, #666);--tooltip-bg: var(--surface-strong, #171717);--tooltip-muted: var(--muted-foreground, #9a9a9a);display:flex;width:fit-content;align-items:center;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aiui-loading-state,.aiui-loading-state *{box-sizing:border-box}.aiui-loading-state.is-surfer{flex-direction:column;align-items:flex-start}.aiui-loading-line{display:flex;align-items:center;gap:10px}.aiui-loader-grid{display:grid;flex-shrink:0;grid-template-columns:repeat(3,4px);gap:1.5px}.aiui-loader-cell{width:4px;height:4px;border-radius:1px;background:var(--ink)}.aiui-loader-cell.is-round{border-radius:999px}.aiui-loading-label{color:transparent;background-image:linear-gradient(90deg,var(--ink-3) 35%,var(--ink) 50%,var(--ink-3) 65%);background-size:200% 100%;background-clip:text;-webkit-background-clip:text;font-size:13px;font-weight:500;animation:aiui-shimmer-text 1.4s linear infinite}.aiui-loading-elapsed{color:var(--ink-3);font-family:var(--aiui-code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);font-size:12px;font-variant-numeric:tabular-nums}.aiui-surfer-card{width:224px;margin-top:8px;overflow:hidden;border-radius:10px;box-shadow:0 18px 50px #00000057;transform-origin:top left;animation:aiui-pop-in .2s cubic-bezier(.16,1,.3,1) both}.aiui-surfer-media{position:relative;width:100%;aspect-ratio:16 / 9;background:var(--tooltip-bg)}.aiui-surfer-media video{width:100%;height:100%;object-fit:cover}.aiui-surfer-fallback{display:flex;width:100%;height:100%;flex-direction:column;align-items:center;justify-content:center;gap:6px}.aiui-surfer-fallback>span{padding:0 12px;color:var(--tooltip-muted);font-family:var(--aiui-code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);font-size:10px;text-align:center}@keyframes aiui-pixel-on{0%,to{opacity:.15;transform:scale(1)}45%{opacity:1;transform:scale(1.08)}}@keyframes aiui-shimmer-text{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes aiui-pop-in{0%{opacity:0;transform:scale(.96) translateY(-3px)}to{opacity:1;transform:scale(1) translateY(0)}}@media(prefers-reduced-motion:reduce){.aiui-loader-cell,.aiui-loading-label,.aiui-surfer-card{animation:none!important}}.demo-tetris{--tetris-1: oklch(.797 .134 211.5);--tetris-2: oklch(.861 .173 91.9);--tetris-3: oklch(.709 .159 293.5);--tetris-4: oklch(.8 .182 151.7);--tetris-5: oklch(.711 .166 22.2);--tetris-6: oklch(.714 .143 254.6);--tetris-7: oklch(.758 .159 55.9);display:flex;width:100%;align-items:center;justify-content:center}.aiui-tetris-grid{display:grid;width:fit-content;flex:0 0 auto}.aiui-tetris-cell{display:block;width:var(--tetris-cell);height:var(--tetris-cell);border-radius:calc(var(--tetris-cell) / 3);background:color-mix(in srgb,var(--aiui-foreground, currentColor) 10%,transparent)}.aiui-tetris-card{display:flex;align-items:center;gap:20px;padding:16px 20px;border:1px solid var(--aiui-border, rgba(255, 255, 255, .1));border-radius:12px;background:color-mix(in srgb,var(--aiui-surface, #121212) 92%,transparent);box-shadow:0 10px 32px #00000029}.aiui-tetris-copy{display:grid;gap:4px}.aiui-tetris-copy strong{color:var(--aiui-foreground, #f4f4f4);font-size:13px;font-weight:560}.aiui-tetris-copy span{max-width:260px;color:var(--aiui-muted, #9a9a9a);font-size:11px;line-height:1.5}:root[data-theme=light] .demo-tetris{--tetris-1: oklch(.609 .111 221.7);--tetris-2: oklch(.666 .157 58.3);--tetris-3: oklch(.541 .247 293);--tetris-4: oklch(.627 .17 149.2);--tetris-5: oklch(.577 .215 27.3);--tetris-6: oklch(.546 .215 262.9);--tetris-7: oklch(.646 .194 41.1)}@media(prefers-reduced-motion:reduce){.aiui-tetris-cell{transition:none}}.demo-scroller-shell{position:relative;height:280px}.demo-scroller{height:250px;overflow:auto;padding:6px 12px 44px;scrollbar-width:none}.demo-scroller p{width:fit-content;max-width:80%;margin:8px 0;padding:9px 12px;border-radius:12px;background:var(--aiui-surface-strong);color:var(--aiui-muted);font-size:11.5px}.demo-scroller p.user{margin-left:auto;background:var(--aiui-foreground);color:var(--aiui-background)}.demo-scroller-shell>button{position:absolute;left:50%;bottom:4px;transform:translate(-50%);display:flex;align-items:center;gap:6px;height:30px;padding:0 11px;border:0;border-radius:999px;background:var(--aiui-surface-strong);color:var(--aiui-muted);font-size:10px}.demo-prompt-shell{padding:12px;border:1px solid var(--aiui-border);border-radius:16px;background:var(--aiui-surface);transition:border-color .15s}.demo-prompt-shell:focus-within{border-color:color-mix(in srgb,var(--aiui-foreground) 22%,transparent)}.demo-prompt-shell textarea{width:100%;height:96px;resize:none;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:13px;line-height:1.55}.demo-prompt-actions{display:flex;align-items:center;justify-content:space-between;margin-top:10px}.demo-prompt-actions button{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px;border:0;border-radius:9px;background:transparent;color:var(--aiui-muted);font-size:11px}.demo-prompt-actions button.is-primary{padding:0 12px;background:var(--aiui-foreground);color:var(--aiui-background)}.demo-prompt-actions button:disabled{cursor:not-allowed;opacity:.35}.demo-prompt-bar{width:min(100%,420px);color:var(--aiui-foreground)}.demo-prompt-bar.is-demo{min-height:360px;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:24px}.prompt-bar-anchor{position:relative;width:100%}.prompt-bar-composer{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;overflow:hidden;padding:6px;border:1px solid var(--aiui-border);border-radius:14px;background:var(--aiui-surface);box-shadow:0 12px 36px #0000003d;transition:border-color .15s,border-radius .15s}.demo-prompt-bar.is-pill .prompt-bar-composer{border-radius:999px}.demo-prompt-bar.is-pill.is-expanded .prompt-bar-composer,.demo-prompt-bar.is-pill:has(.prompt-bar-files) .prompt-bar-composer{border-radius:24px}.prompt-bar-composer:focus-within{border-color:color-mix(in srgb,var(--aiui-foreground) 22%,transparent)}.prompt-bar-composer canvas{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;border-radius:inherit}.prompt-bar-measure{pointer-events:none;position:absolute;visibility:hidden;white-space:pre;font-size:12px}.prompt-bar-controls{display:grid;grid-template-columns:28px minmax(0,1fr) auto 28px 28px;align-items:end;gap:4px}.demo-prompt-bar.is-expanded .prompt-bar-controls{grid-template-columns:28px auto minmax(0,1fr) 28px 28px}.prompt-bar-controls textarea{min-width:0;width:100%;min-height:28px;max-height:96px;resize:none;overflow:hidden;padding:5px 4px;border:0;outline:0;background:transparent;color:var(--aiui-foreground);font-size:12px;line-height:18px;overflow-wrap:anywhere}.prompt-bar-controls textarea::placeholder{color:var(--aiui-faint)}.demo-prompt-bar.is-expanded .prompt-bar-controls textarea{grid-column:1 / -1;grid-row:1;padding:8px}.demo-prompt-bar.is-expanded .prompt-bar-controls>:not(textarea){grid-row:2}.prompt-bar-controls button{border:0;cursor:pointer}.prompt-bar-icon,.prompt-bar-send{width:28px;height:28px;display:grid;place-items:center;border-radius:8px;background:transparent;color:var(--aiui-faint);transition:background .15s,color .15s,transform .15s}.demo-prompt-bar.is-pill .prompt-bar-icon,.demo-prompt-bar.is-pill .prompt-bar-send{border-radius:50%}.prompt-bar-icon:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.prompt-bar-icon.is-listening{background:#d7ff4f1a;color:var(--aiui-accent)}.prompt-bar-model{min-width:0;height:28px;display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:0 7px;border-radius:8px;background:transparent;color:var(--aiui-muted);font-size:11px;white-space:nowrap}.prompt-bar-model:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.prompt-bar-send{background:var(--aiui-foreground);color:var(--aiui-background)}.prompt-bar-send:active{transform:scale(.94)}.prompt-bar-send:disabled{cursor:not-allowed;opacity:.22}.prompt-bar-files{display:flex;flex-wrap:wrap;gap:6px;padding:2px}.prompt-bar-files>span{display:inline-flex;align-items:center;gap:5px;height:26px;padding:0 4px 0 7px;border-radius:8px;background:var(--aiui-selected);color:var(--aiui-muted);font-size:10px}.demo-prompt-bar.is-pill .prompt-bar-files>span{border-radius:999px}.prompt-bar-files button{width:20px;height:20px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--aiui-faint)}.prompt-bar-files button:hover{background:var(--aiui-border);color:var(--aiui-foreground)}.prompt-bar-menu{position:absolute;z-index:8;right:0;bottom:calc(100% + 8px);left:0;display:grid;gap:2px;padding:4px;border:1px solid var(--aiui-border);border-radius:10px;background:var(--aiui-surface);box-shadow:0 16px 42px #0000005c;animation:aiui-prompt-menu-in .18s cubic-bezier(.23,1,.32,1) both;transform-origin:bottom center}.prompt-bar-menu button{width:100%;height:34px;display:grid;grid-template-columns:20px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 8px;border:0;border-radius:6px;background:transparent;color:var(--aiui-muted);text-align:left;cursor:pointer}.prompt-bar-menu button:hover,.prompt-bar-menu button[aria-selected=true]{background:var(--aiui-selected);color:var(--aiui-foreground)}.prompt-bar-menu strong{color:var(--aiui-foreground);font-size:11px;font-weight:560;white-space:nowrap}.prompt-bar-menu span{overflow:hidden;color:var(--aiui-faint);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.prompt-bar-menu small{margin-top:2px;padding:7px 8px 4px;border-top:1px solid var(--aiui-border-soft);color:var(--aiui-faint);font-size:9px}.prompt-bar-menu p{margin:0;padding:10px 8px;color:var(--aiui-faint);font-size:11px}.prompt-bar-model-menu{right:52px;left:auto;width:190px}@keyframes aiui-prompt-menu-in{0%{opacity:0;transform:translateY(6px) scale(.98)}}.demo-progress-controls{display:grid;width:min(100%,520px);gap:8px}.progress-control-row{position:relative;isolation:isolate;height:48px;overflow:hidden;border:1px solid var(--aiui-border-soft);border-radius:12px;background:color-mix(in srgb,var(--aiui-surface) 88%,var(--aiui-background));box-shadow:0 7px 16px #00000021;transition:border-color .14s ease,box-shadow .14s ease}.progress-control-row:focus-within{border-color:var(--aiui-border-strong);box-shadow:0 0 0 2px var(--aiui-focus-ring),0 7px 16px #00000021}.progress-control-fill{position:absolute;z-index:0;inset:0 auto 0 0;width:var(--progress-percent);min-width:0;border-radius:11px 5px 5px 11px;background:color-mix(in srgb,var(--aiui-foreground) 23%,var(--aiui-surface));pointer-events:none;transition:width 80ms linear,background-color .14s ease}.progress-control-fill:after{position:absolute;top:13px;right:6px;width:3px;height:20px;border-radius:3px;background:color-mix(in srgb,var(--aiui-foreground) 22%,transparent);content:""}.progress-control-row:hover .progress-control-fill,.progress-control-row:focus-within .progress-control-fill{background:color-mix(in srgb,var(--aiui-foreground) 27%,var(--aiui-surface))}.progress-control-ticks{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.progress-control-tick{position:absolute;top:50%;left:var(--tick-position);width:1.5px;height:8px;border-radius:2px;background:color-mix(in srgb,var(--aiui-foreground) 38%,transparent);transform:translate(-50%,-50%)}.progress-control-label,.progress-control-value{position:absolute;z-index:2;top:50%;color:var(--aiui-foreground);pointer-events:none;transform:translateY(-50%)}.progress-control-label{left:16px;font-size:15px;font-weight:520;letter-spacing:-.01em}.progress-control-value{right:14px;min-width:46px;margin:0;font-family:var(--aiui-code);font-size:15px;font-variant-numeric:tabular-nums;text-align:right}.progress-control-row input[type=range]{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;cursor:ew-resize;touch-action:none}.progress-control-row input[type=range]::-webkit-slider-thumb{width:1px;height:48px;-webkit-appearance:none;-moz-appearance:none;appearance:none}.progress-control-row input[type=range]::-moz-range-thumb{width:1px;height:48px;border:0}@media(prefers-reduced-motion:reduce){.progress-control-row,.progress-control-fill{transition:none}}.demo-recommendation-card{width:min(100%,380px);overflow:hidden;border:1px solid var(--aiui-border-soft);border-radius:14px;background:var(--aiui-surface);box-shadow:0 16px 38px #0003}.recommendation-body{padding:14px}.recommendation-body>strong{color:var(--aiui-foreground);font-size:13px;font-weight:650}.recommendation-body p{min-height:48px;margin:6px 0 0;color:var(--aiui-muted);font-size:13px;line-height:1.7;animation:recommendation-fade-in .18s ease-out both}.recommendation-body code{display:inline-block;padding:1px 6px;border-radius:6px;background:#a0ff2a14;color:#b8f05f;font-family:var(--aiui-code);font-size:12px}.recommendation-body code.is-orange{background:#efa24e1a;color:#efa24e}.recommendation-body strong{color:var(--aiui-foreground);font-weight:550}.recommendation-drawer{display:grid;overflow:hidden;transition:grid-template-rows .3s cubic-bezier(.16,1,.3,1),opacity .3s}.recommendation-drawer>div{min-height:0;overflow:hidden}.recommendation-options{padding:8px;border-top:1px solid var(--aiui-border-soft);background:color-mix(in srgb,var(--aiui-surface-strong) 80%,transparent)}.recommendation-options>small{display:block;padding:0 6px 4px;color:var(--aiui-faint);font-size:11px;font-weight:500}.recommendation-options>button{width:100%;min-height:32px;display:flex;align-items:center;gap:10px;padding:6px;border:0;border-radius:7px;background:transparent;color:var(--aiui-foreground);text-align:left}.recommendation-options>button:hover{background:var(--aiui-selected)}.recommendation-options>button>span:nth-child(2){min-width:0;flex:1;overflow:hidden;font-size:12.5px;text-overflow:ellipsis;white-space:nowrap}.recommendation-options em{flex:0 0 auto;color:var(--aiui-faint);font-size:11px;font-style:normal}.recommendation-meter{display:inline-flex;align-items:flex-end;gap:2px}.recommendation-meter>span{width:4px;height:10px;border-radius:99px;background:var(--aiui-border-strong);transition:background .3s}.recommendation-meter.is-green>.is-active{background:#4fcf8f}.recommendation-meter.is-orange>.is-active{background:#efa24e}.recommendation-meter.is-muted>.is-active{background:var(--aiui-faint)}.demo-recommendation-card>footer{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 14px;border-top:1px solid var(--aiui-border-soft);background:color-mix(in srgb,var(--aiui-surface-strong) 80%,transparent)}.demo-recommendation-card>footer>span{display:flex;align-items:center;gap:8px}.demo-recommendation-card>footer b{color:var(--aiui-muted);font-size:12.5px;font-weight:550}.demo-recommendation-card>footer>div{display:flex;align-items:center;gap:8px}.demo-recommendation-card>footer button{min-height:30px;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:0 10px;border:1px solid var(--aiui-border-soft);border-radius:8px;font-size:12.5px}.recommendation-secondary{background:var(--aiui-surface);color:var(--aiui-muted)}.recommendation-secondary:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.recommendation-primary{background:var(--aiui-accent);color:#0a0a0a;border-color:transparent!important;font-weight:600}.recommendation-primary:hover{filter:brightness(1.06)}.recommendation-primary.is-accepted{background:#4fcf8f}@keyframes recommendation-fade-in{0%{opacity:0;transform:translateY(2px)}}.demo-records-table{position:relative;width:min(100%,820px);min-width:0;border-radius:14px;background:var(--aiui-surface);color:var(--aiui-foreground);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 16px 48px #00000029}.records-toolbar{height:38px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 12px;border-bottom:1px solid var(--aiui-border-soft)}.records-toolbar>span{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:500}.records-toolbar>div{display:flex;gap:2px}.records-toolbar button,.records-config header button{width:28px;height:28px;display:grid;place-items:center;border:0;border-radius:7px;background:transparent;color:var(--aiui-muted)}.records-toolbar button:hover,.records-config header button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.records-scroll{height:246px;overflow:auto;scrollbar-color:var(--aiui-border) transparent;scrollbar-width:thin}.demo-records-table table{width:1120px;border-collapse:separate;border-spacing:0;table-layout:fixed;font-size:10.5px}.demo-records-table th,.demo-records-table td{height:34px;overflow:hidden;border-right:1px solid var(--aiui-border-soft);border-bottom:1px solid var(--aiui-border-soft);padding:0 9px;color:var(--aiui-muted);text-align:left;text-overflow:ellipsis;white-space:nowrap}.demo-records-table th{position:sticky;top:0;z-index:2;height:32px;background:color-mix(in srgb,var(--aiui-surface-strong) 96%,transparent);color:var(--aiui-faint);font-weight:500}.demo-records-table th:nth-child(1),.demo-records-table td:nth-child(1){width:230px}.demo-records-table th:nth-child(2),.demo-records-table td:nth-child(2){width:220px}.demo-records-table th:nth-child(3),.demo-records-table td:nth-child(3){width:140px}.demo-records-table th:nth-child(4),.demo-records-table td:nth-child(4){width:160px}.demo-records-table th:nth-child(5),.demo-records-table td:nth-child(5){width:190px}.demo-records-table tbody tr:hover td,.demo-records-table tbody tr.is-selected td{background:var(--aiui-selected);color:var(--aiui-foreground)}.demo-records-table tfoot td{height:32px;background:var(--aiui-surface-strong);color:var(--aiui-faint);font-family:var(--aiui-code);font-size:9.5px}.records-company-layout{width:100%;min-width:0;display:flex;align-items:center;gap:7px}.records-company-head .records-company-layout{gap:6px}.records-header-button{width:100%;min-width:0;display:flex;align-items:center;gap:3px}.records-header-pick{min-width:0;flex:1;overflow:hidden;padding:0;border:0;background:transparent;color:inherit;text-align:left;text-overflow:ellipsis;white-space:nowrap}.records-sort-button{width:18px;height:18px;flex:0 0 auto;display:grid;place-items:center;padding:0;border:0;border-radius:4px;background:transparent;color:var(--aiui-faint);transition:transform .14s,background-color .14s}.records-sort-button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.records-sort-button.is-desc{transform:rotate(180deg)}.records-checkbox{position:relative;width:15px;height:15px;flex:0 0 auto}.records-checkbox input{position:absolute;opacity:0;pointer-events:none}.records-checkbox>span{width:15px;height:15px;display:grid;place-items:center;border:1px solid var(--aiui-border-strong);border-radius:4px;color:var(--aiui-background)}.records-checkbox input:checked+span{border-color:var(--aiui-accent);background:var(--aiui-accent)}.records-checkbox i{width:7px;height:1px;background:currentColor}.records-company-layout>b{width:20px;height:20px;flex:0 0 auto;display:grid;place-items:center;border-radius:5px;background:var(--aiui-surface-strong);color:var(--aiui-muted);font-size:9px}.records-company-layout>span{min-width:0;overflow:hidden;color:var(--aiui-foreground);text-overflow:ellipsis}.records-tags{display:flex;gap:4px;overflow:hidden}.records-tags i{height:20px;flex:0 0 auto;display:inline-flex;align-items:center;padding:0 6px;border-radius:5px;background:var(--aiui-surface-strong);color:var(--aiui-muted);font-size:9px;font-style:normal}.records-strength{display:inline-flex;align-items:center;gap:6px}.records-strength i{width:6px;height:6px;border-radius:50%}.demo-records-table td>a{display:inline-flex;align-items:center;gap:4px;overflow:hidden;color:var(--aiui-muted);text-overflow:ellipsis}.demo-records-table td>a:hover{color:var(--aiui-foreground)}.demo-records-table td.is-muted{color:var(--aiui-faint)}.records-calculating{display:inline-flex;align-items:center;gap:5px;color:var(--aiui-faint)}.records-calculating svg{animation:aiui-spin 1s linear infinite}.records-add-menu{position:absolute;top:34px;right:8px;z-index:8;width:190px;display:grid;gap:2px;padding:7px;border:1px solid var(--aiui-border);border-radius:11px;background:var(--aiui-surface-strong);box-shadow:0 18px 46px #00000057}.records-add-menu small{padding:3px 7px 5px;color:var(--aiui-faint);font-size:9.5px}.records-add-menu button{height:30px;display:flex;align-items:center;gap:7px;padding:0 7px;border:0;border-radius:7px;background:transparent;color:var(--aiui-muted);font-size:10.5px;text-align:left}.records-add-menu button svg:last-child{margin-left:auto}.records-add-menu button:hover{background:var(--aiui-selected);color:var(--aiui-foreground)}.records-config{position:absolute;top:44px;right:12px;z-index:10;width:258px;padding:10px;border:1px solid var(--aiui-border);border-radius:13px;background:var(--aiui-surface-strong);box-shadow:0 22px 60px #0000006b;animation:records-pop .16s cubic-bezier(.23,1,.32,1) both}.records-config header{height:26px;display:flex;align-items:center;justify-content:space-between;margin-bottom:4px}.records-config header strong{font-size:11.5px;font-weight:500;text-transform:capitalize}.records-config dl{margin:0}.records-config dl>div{min-height:29px;display:flex;align-items:center;justify-content:space-between}.records-config dt{color:var(--aiui-faint);font-size:10.5px}.records-config dd{display:flex;align-items:center;gap:4px;margin:0;color:var(--aiui-muted);font-size:10.5px}.records-config dd em{padding:3px 6px;border-radius:5px;background:color-mix(in srgb,var(--aiui-accent) 11%,transparent);color:color-mix(in srgb,var(--aiui-accent) 75%,white);font-style:normal}.records-config dd>button[role=switch]{width:27px;height:16px;position:relative;border:0;border-radius:999px;background:var(--aiui-border-strong)}.records-config dd>button[role=switch] span{position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;transition:transform .15s}.records-config dd>button[role=switch].is-on{background:var(--aiui-accent)}.records-config dd>button[role=switch].is-on span{transform:translate(11px)}.records-config textarea{width:100%;height:64px;resize:none;margin-top:6px;padding:9px;border:1px solid var(--aiui-border-soft);border-radius:9px;outline:none;background:var(--aiui-background);color:var(--aiui-foreground);font-size:10.5px;line-height:1.45}.records-config textarea:focus{border-color:var(--aiui-border-strong)}.records-calculate{width:100%;height:32px;display:flex;align-items:center;justify-content:center;gap:6px;margin-top:7px;border:1px solid var(--aiui-border);border-radius:8px;background:var(--aiui-surface);color:var(--aiui-foreground);font-size:10.5px}.records-calculate:hover{background:var(--aiui-selected)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@keyframes records-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.aiui-streaming-text{--stream-canvas: var(--background, #070707);--stream-surface: var(--surface, #121212);--stream-inset: var(--selected, rgba(255, 255, 255, .075));--stream-hover: var(--surface-strong, #171717);--stream-line: var(--border, rgba(255, 255, 255, .1));--stream-ink: var(--foreground, #f4f4f4);--stream-ink-2: var(--muted-foreground, #a4a4a4);--stream-ink-3: var(--faint, #666);min-height:248px;width:100%;max-width:380px;color:var(--stream-ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.aiui-streaming-text.is-fill{max-width:none}.aiui-streaming-text,.aiui-streaming-text *{box-sizing:border-box}.streaming-copy{margin:0;color:var(--stream-ink);font-size:13px;line-height:1.65}.streaming-token{display:inline;will-change:filter,opacity;animation:streaming-in .42s cubic-bezier(.22,.61,.25,1) both}.streaming-cursor{width:2px;height:12px;display:inline-block;margin-left:2px;border-radius:999px;background:var(--stream-ink);vertical-align:-2px;animation:streaming-fade-in .15s ease-out both}.streaming-source-chip{height:18px;display:inline-flex;align-items:center;gap:4px;margin:0 4px 0 0;padding:0 3px;border-radius:5px;background:var(--stream-inset);box-shadow:inset 0 0 0 1px var(--stream-line);color:var(--stream-ink-2);font-family:var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);font-size:10.5px;text-decoration:none;vertical-align:-3px;transition:background .15s ease,color .15s ease;animation:streaming-pop-in .25s cubic-bezier(.23,1,.32,1) both}.streaming-source-chip:hover{background:var(--stream-hover);color:var(--stream-ink)}.streaming-source-avatar{width:12px;height:12px;border-radius:3px}.streaming-actions{display:flex;align-items:center;gap:2px;margin-top:8px;transition:opacity .4s ease}.streaming-actions>button{height:24px;min-width:24px;display:flex;align-items:center;justify-content:center;padding:0;border:0;border-radius:6px;background:transparent;color:var(--stream-ink-3);cursor:pointer;transition:background .1s ease,color .1s ease}.streaming-actions>button:hover{background:color-mix(in srgb,var(--stream-hover) 78%,transparent);color:var(--stream-ink-2)}.streaming-actions .streaming-sources-trigger{gap:6px;margin-left:6px;padding:2px 4px;color:var(--stream-ink-2);font-size:12px;text-align:left}.streaming-avatar-stack{display:flex}.streaming-avatar-stack img{width:14px;height:14px;margin-left:-4px;border-radius:999px;background:var(--stream-surface);box-shadow:0 0 0 1.5px var(--stream-canvas)}.streaming-avatar-stack img:first-child{margin-left:0}.streaming-sources-collapse{display:grid;transition:grid-template-rows .3s cubic-bezier(.23,1,.32,1),opacity .3s cubic-bezier(.23,1,.32,1)}.streaming-overflow{overflow:hidden}.streaming-sources{display:flex;flex-direction:column;margin-top:6px;padding:4px;border-radius:10px;background:var(--stream-inset);box-shadow:inset 0 0 0 1px var(--stream-line)}.streaming-sources a{display:flex;align-items:center;gap:8px;padding:4px 6px;border-radius:6px;color:var(--stream-ink-2);font-size:12px;text-decoration:none;transition:background .15s ease,color .15s ease}.streaming-sources a:hover{background:var(--stream-hover);color:var(--stream-ink)}.streaming-sources img{width:16px;height:16px;border-radius:4px}.streaming-sources em{margin-left:auto;color:var(--stream-ink-3);font-family:var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);font-size:10.5px;font-style:normal}.streaming-followups{margin-top:10px;transition:opacity .4s ease}.streaming-followups>p{margin:0;color:var(--stream-ink-2);font-size:12px;font-weight:500}.streaming-followups>div{display:flex;flex-direction:column;margin-top:2px}.streaming-followups button{display:flex;align-items:center;gap:8px;margin:0 -6px;padding:6px;border:0;border-bottom:1px solid var(--stream-line);border-radius:7px;background:transparent;color:var(--stream-ink);font-size:12.5px;text-align:left;cursor:pointer;transition:background .1s ease;animation:streaming-fade-up .35s cubic-bezier(.23,1,.32,1) both}.streaming-followups button:hover{background:color-mix(in srgb,var(--stream-hover) 78%,transparent)}.streaming-followups svg{flex:0 0 auto}@keyframes streaming-in{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}@keyframes streaming-pop-in{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@keyframes streaming-fade-in{0%{opacity:0}to{opacity:1}}@keyframes streaming-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.aiui-streaming-text *,.aiui-streaming-text *:before,.aiui-streaming-text *:after{animation-duration:.01ms!important;animation-iteration-count:1!important}}.demo-todos{padding:20px;border:1px solid var(--aiui-border);border-radius:16px;background:var(--aiui-surface)}.demo-card-title{display:flex;align-items:center;gap:8px;margin-bottom:14px;font-size:12px;font-weight:500}.demo-card-title span{margin-left:auto;color:var(--aiui-faint);font-family:var(--aiui-code);font-size:10px}.demo-todos label{min-height:38px;display:flex;align-items:center;gap:10px;border-top:1px solid var(--aiui-border-soft);color:var(--aiui-muted);font-size:11.5px}.demo-todos input{accent-color:var(--aiui-accent)}.demo-approval{padding:20px;border:1px solid var(--aiui-border);border-radius:16px;background:var(--aiui-surface)}.approval-heading{display:flex;align-items:flex-start;gap:10px}.approval-heading>div{display:grid;gap:4px}.approval-heading strong{font-size:12px}.approval-heading span{color:var(--aiui-muted);font-size:10.5px}.demo-approval>code{display:block;margin:16px 0;padding:10px;border-radius:8px;background:var(--aiui-selected);color:var(--aiui-muted);font-family:var(--aiui-code);font-size:10px}.approval-actions{display:flex;justify-content:flex-end;gap:8px}.approval-actions button{height:32px;padding:0 11px;border:0;border-radius:8px;background:var(--aiui-selected);color:var(--aiui-muted);font-size:10px}.approval-actions button.is-primary{background:var(--aiui-foreground);color:var(--aiui-background)}.approval-result{display:flex;align-items:center;gap:8px;margin:0;color:var(--aiui-muted);font-size:11px}:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog){--aiui-background: var(--background, #070707);--aiui-surface: var(--surface, #121212);--aiui-surface-strong: var(--surface-strong, #171717);--aiui-foreground: var(--foreground, #f4f4f4);--aiui-muted: var(--muted-foreground, #9a9a9a);--aiui-faint: var(--faint, #666);--aiui-border: var(--border, rgba(255, 255, 255, .1));--aiui-border-soft: var(--border-soft, rgba(255, 255, 255, .065));--aiui-border-strong: var(--border-strong, rgba(255, 255, 255, .14));--aiui-selected: var(--selected, rgba(255, 255, 255, .085));--aiui-accent: var(--accent, #d7ff4f);--aiui-focus-ring: color-mix(in srgb, var(--aiui-foreground) 32%, transparent);--aiui-code: var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);width:min(100%,520px);color:var(--aiui-foreground);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:where(.demo-code-block,.demo-selection-actions,.demo-flowchart,.demo-insight-cards,.demo-progress-controls){--aiui-background: var(--background, #070707);--aiui-surface: var(--surface, #121212);--aiui-surface-strong: var(--surface-strong, #171717);--aiui-foreground: var(--foreground, #f4f4f4);--aiui-muted: var(--muted-foreground, #9a9a9a);--aiui-faint: var(--faint, #666);--aiui-border: var(--border, rgba(255, 255, 255, .1));--aiui-border-soft: var(--border-soft, rgba(255, 255, 255, .065));--aiui-border-strong: var(--border-strong, rgba(255, 255, 255, .14));--aiui-selected: var(--selected, rgba(255, 255, 255, .085));--aiui-accent: var(--accent, #d7ff4f);--aiui-focus-ring: color-mix(in srgb, var(--aiui-foreground) 32%, transparent);--aiui-code: var(--code, "IBM Plex Mono", "SFMono-Regular", Consolas, monospace);color:var(--aiui-foreground);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:where(.demo-code-block,.demo-selection-actions,.demo-flowchart,.demo-insight-cards,.demo-progress-controls),:where(.demo-code-block,.demo-selection-actions,.demo-flowchart,.demo-insight-cards,.demo-progress-controls) *{box-sizing:border-box}:where(.demo-code-block,.demo-selection-actions,.demo-flowchart,.demo-insight-cards,.demo-progress-controls) :is(button,input,select,textarea){font:inherit}:where(.demo-code-block,.demo-selection-actions,.demo-flowchart,.demo-insight-cards,.demo-progress-controls) :is(button,input,select,textarea):focus-visible{outline:1px solid var(--aiui-focus-ring);outline-offset:2px}:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog),:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) *{box-sizing:border-box}:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) button,:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) input,:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) textarea{font:inherit}:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) button:focus-visible,:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) input:focus-visible,:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) textarea:focus-visible,:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) a:focus-visible{outline:1px solid var(--aiui-focus-ring);outline-offset:2px}:where(.demo-chat,.demo-chat-composer,.demo-prompt-shell,.demo-prompt-bar) :is(.demo-composer input,.chat-composer-field input,.demo-prompt-shell textarea,.prompt-bar-controls textarea):focus-visible{outline:none}@keyframes aiui-spin{to{transform:rotate(360deg)}}@keyframes aiui-blink{50%{opacity:0}}.spin{animation:aiui-spin 1s linear infinite}@media(prefers-reduced-motion:reduce){:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog),:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog) *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}@media(max-width:820px){:where(.demo-chat,.demo-chat-composer,.demo-sidebar-nav,.demo-search-list,.demo-prompt-shell,.demo-prompt-bar,.demo-streaming,.demo-activity,.demo-todos,.demo-filter-table,.demo-records-table,.demo-approval,.demo-loading,.demo-tetris,.demo-citations,.demo-context-cards,.demo-tool-chips,.demo-recommendation-card,.demo-scroller-shell,.demo-catalog){width:100%}}.demo-tool-chips{min-height:220px;width:min(100%,320px);padding-bottom:4px}.tool-run-trigger{min-height:28px;display:flex;align-items:center;gap:6px;margin-left:-6px;padding:4px 6px;border:0;border-radius:7px;background:transparent;color:var(--aiui-muted);font-size:12.5px}.tool-run-trigger:hover{background:var(--aiui-selected)}.tool-run-trigger svg{transition:transform .2s}.tool-run-collapse,.tool-detail-collapse{display:grid;transition:grid-template-rows .3s,opacity .3s}.tool-run-overflow,.tool-detail-collapse>div{min-height:0;overflow:hidden}.tool-call-list{display:flex;flex-direction:column;gap:4px;margin-top:6px}.tool-call{animation:tool-fade-up .3s cubic-bezier(.23,1,.32,1) both}.tool-call>button{width:100%;min-width:0;height:28px;display:flex;align-items:center;gap:8px;padding:0 3px;border:0;border-radius:7px;background:transparent;color:var(--aiui-foreground);text-align:left}.tool-call>button:hover{background:var(--aiui-selected)}.tool-row-icon{position:relative;width:16px;height:16px;flex:0 0 auto;display:grid;place-items:center;color:var(--aiui-faint)}.tool-row-chevron{position:absolute;opacity:0;transition:opacity .1s,transform .15s}.tool-call>button:hover .tool-row-icon>svg:first-child,.tool-call>button[aria-expanded=true] .tool-row-icon>svg:first-child{opacity:0}.tool-call>button:hover .tool-row-chevron,.tool-call>button[aria-expanded=true] .tool-row-chevron{opacity:1}.tool-call strong{flex:0 0 auto;font-size:12.5px;font-weight:500}.tool-inline-chip{height:22px;min-width:0;flex:1;display:inline-flex;align-items:center;overflow:hidden;padding:0 6px;border-radius:6px;background:color-mix(in srgb,var(--aiui-surface-strong) 82%,transparent);color:var(--aiui-muted);box-shadow:inset 0 0 0 1px var(--aiui-border-soft);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.tool-inline-chip.is-mono,.tool-detail-collapse .is-mono{font-family:var(--aiui-code)}.tool-detail-collapse{transition-timing-function:cubic-bezier(.23,1,.32,1)}.tool-detail-collapse p{display:flex;flex-direction:column;gap:2px;margin:2px 0 4px 8px;padding:2px 0 2px 14px;border-left:1px solid var(--aiui-border-soft)}.tool-detail-collapse p span{overflow:hidden;color:var(--aiui-muted);font-size:11.5px;line-height:1.6;text-overflow:ellipsis;white-space:nowrap}.tool-detail-collapse p span.is-add{color:#4fcf8f}.tool-diff-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px;padding-top:10px;border-top:1px solid var(--aiui-border-soft)}.tool-diff-chips>span{min-width:0}.tool-diff-chips>span>button{height:28px;max-width:100%;display:inline-flex;align-items:center;gap:6px;padding:0 8px;border:0;border-radius:7px;background:var(--aiui-surface);color:var(--aiui-foreground);box-shadow:inset 0 0 0 1px var(--aiui-border-soft),0 6px 18px #0000001f;font-family:var(--aiui-code);font-size:11.5px;animation:tool-pop-in .25s cubic-bezier(.23,1,.32,1) calc(var(--diff-index) * 80ms) both}.tool-diff-chips>span>button:hover{background:var(--aiui-surface-strong)}.tool-diff-chips button span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tool-diff-chips em,.tool-diff-preview em{color:#4fcf8f;font-style:normal}.tool-diff-chips i,.tool-diff-preview i{color:#e27179;font-style:normal}.tool-more{height:28px;padding:0 6px;border:0;background:transparent;color:var(--aiui-faint);font-family:var(--aiui-code);font-size:11.5px}.tool-more:hover{color:var(--aiui-muted);text-decoration:underline;text-underline-offset:3px}.tool-diff-preview{position:fixed;z-index:100;width:288px;overflow:hidden;border-radius:10px;background:var(--surface, #121212);color:var(--foreground, #f4f4f4);box-shadow:0 18px 50px #00000061,inset 0 0 0 1px var(--border-soft, rgba(255,255,255,.065));font-family:var(--code, "IBM Plex Mono", monospace);animation:tool-pop-in .16s cubic-bezier(.23,1,.32,1) both;pointer-events:none}.tool-diff-preview header{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0 10px;border-bottom:1px solid var(--border-soft, rgba(255,255,255,.065));font-size:11px}.tool-diff-preview header>span{min-width:0;overflow:hidden;color:var(--muted-foreground, #9a9a9a);text-overflow:ellipsis;white-space:nowrap}.tool-diff-preview p{min-height:19px;display:flex;gap:8px;margin:0;padding:0 10px;overflow:hidden;color:var(--muted-foreground, #9a9a9a);font-size:11px;line-height:19px;text-overflow:ellipsis;white-space:pre}.tool-diff-preview p>span{width:12px;flex:0 0 auto;-webkit-user-select:none;user-select:none}.tool-diff-preview p.is-add{background:#4fcf8f14;color:#4fcf8f}.tool-diff-preview p.is-del{background:#e2717914;color:#e27179}@keyframes tool-fade-up{0%{opacity:0;transform:translateY(5px)}}@keyframes tool-pop-in{0%{opacity:0;transform:scale(.97)}}@layer components{:root{color-scheme:dark;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#f4f4f4;background:#070707;font-synthesis:none;--background: #070707;--surface: #121212;--surface-strong: #171717;--foreground: #f4f4f4;--muted-foreground: #9a9a9a;--faint: #666;--border: rgba(255, 255, 255, .1);--border-soft: rgba(255, 255, 255, .065);--selected: rgba(255, 255, 255, .085);--accent: #d7ff4f;--accent-ink: #101300;--focus-ring: color-mix(in srgb, var(--foreground) 32%, transparent);--header-bg: rgba(7, 7, 7, .86);--preview-background: #030303;--preview-dot: rgba(255, 255, 255, .075);--preview-border: rgba(255, 255, 255, .085);--code: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace}:root[data-theme=light]{color-scheme:light;color:#171717;background:#f6f5f2;--background: #f6f5f2;--surface: #ecebe7;--surface-strong: #e4e3de;--foreground: #171717;--muted-foreground: #66645f;--faint: #8b8882;--border: rgba(0, 0, 0, .12);--border-soft: rgba(0, 0, 0, .07);--selected: rgba(0, 0, 0, .07);--header-bg: rgba(246, 245, 242, .88);--preview-background: #efeee9;--preview-dot: rgba(0, 0, 0, .085);--preview-border: rgba(0, 0, 0, .09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;height:48px;background:var(--header-bg);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-bottom:1px solid transparent}.header-inner{width:min(1280px,calc(100% - 32px));height:48px;margin:0 auto;display:flex;align-items:center;gap:34px}.brand{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:600;white-space:nowrap}.brand-mark{display:grid;place-items:center}.desktop-nav{display:flex;gap:28px;font-size:13px;color:var(--muted-foreground)}.desktop-nav a:hover,.desktop-nav a.is-current{color:var(--foreground)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.search-trigger{height:30px;min-width:102px;display:flex;align-items:center;gap:7px;padding:0 9px;border:1px solid var(--border-soft);border-radius:8px;background:var(--surface);color:var(--muted-foreground);font-size:12px}.search-trigger kbd{margin-left:auto;display:flex;align-items:center;gap:2px;font-family:var(--code);font-size:10px}.header-text-button,.header-icon-button{height:30px;border:1px solid var(--border-soft);border-radius:8px;background:transparent;color:var(--muted-foreground)}.header-text-button{padding:0 10px;font-size:11px}.header-icon-button{width:30px;display:grid;place-items:center}.header-text-button:hover,.header-icon-button:hover,.search-trigger:hover{background:var(--selected);color:var(--foreground)}.mobile-menu-button{display:none}.catalog-layout{width:min(1280px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:210px minmax(0,982px);gap:56px;padding:80px 0 128px}.desktop-sidebar{position:sticky;top:72px;align-self:start;width:238px;min-width:0;max-height:calc(100vh - 96px);overflow-y:auto;padding-right:28px;border-right:1px dashed var(--border);scrollbar-color:var(--border) transparent;scrollbar-width:thin}.component-nav{width:100%;padding-bottom:24px}.catalog-heading{width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 8px 16px;border:0;background:transparent;font-size:13px}.catalog-heading span:last-child{color:var(--faint);font-family:var(--code);font-size:10px}.nav-group{margin-top:18px}.nav-group p{margin:0 8px 7px;color:var(--faint);font-family:var(--code);font-size:10px;letter-spacing:.02em;text-transform:uppercase}.nav-group ul{display:grid;gap:1px;margin:0;padding:0;list-style:none}.nav-group button{width:100%;height:30px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:4px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:var(--muted-foreground);text-align:left;font-size:12.5px}.nav-group button:hover{color:var(--foreground)}.nav-group button.is-active{background:var(--selected);color:var(--foreground)}.component-index{color:var(--faint);font-family:var(--code);font-size:9px}.component-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.implementation-count{width:18px;min-width:18px;height:18px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:2px;background:color-mix(in srgb,var(--surface-strong) 82%,transparent);color:var(--muted-foreground);font-family:var(--code);font-size:9px;line-height:1}.nav-group button.is-active .implementation-count{border-color:color-mix(in srgb,var(--foreground) 16%,transparent);color:var(--foreground)}.component-article{min-width:0}.mobile-breadcrumb{display:none}.eyebrow{margin:0 0 8px;color:var(--faint);font-family:var(--code);font-size:10px}h1{margin:0;font-size:30px;line-height:36px;letter-spacing:-.025em;font-weight:500}.lede{margin:8px 0 0;color:var(--muted-foreground);font-size:15px;line-height:1.55}.implementation-previews.is-grouped{display:grid;gap:74px;margin-top:52px}.implementation-preview{min-width:0}.implementation-previews.is-grouped .preview-stage{margin-top:20px}.implementation-heading{display:grid;gap:4px}.implementation-heading h2{margin:0;font-size:17px;line-height:24px;font-weight:520}.implementation-heading p{max-width:680px;margin:0;color:var(--muted-foreground);font-size:12px;line-height:1.55}.preview-stage{position:relative;min-height:400px;margin-top:46px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;background-color:var(--preview-background);background-image:radial-gradient(circle at 1px 1px,var(--preview-dot) .8px,transparent .9px);background-size:16px 16px;box-shadow:inset 0 0 0 1px var(--preview-border);padding:40px}.preview-stage.preview-prompt-bar{min-height:460px}.preview-stage.preview-morphing-search{transition:min-height .32s cubic-bezier(.16,1,.3,1)}.preview-stage.preview-morphing-search.is-preview-expanded{min-height:560px}.preview-actions{position:absolute;top:16px;right:16px;z-index:2;display:flex;gap:6px;opacity:0;transform:translateY(-4px);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.preview-stage:hover .preview-actions,.preview-stage:focus-within .preview-actions{opacity:1;transform:translateY(0);pointer-events:auto}.preview-actions button{width:36px;height:36px;display:grid;place-items:center;padding:0;border:1px solid var(--border);border-radius:10px;background:color-mix(in srgb,var(--surface) 88%,transparent);color:var(--muted-foreground);box-shadow:0 8px 24px #00000029;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:background .14s ease,color .14s ease,border-color .14s ease,transform .14s ease}.preview-actions button:hover{background:var(--surface-strong);color:var(--foreground);border-color:var(--border)}.preview-actions button:active{transform:scale(.96)}.preview-variants{position:absolute;left:50%;bottom:16px;z-index:2;display:flex;gap:2px;padding:3px;border-radius:999px;background:var(--selected);transform:translate(-50%)}.preview-variants button{height:28px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--faint);font-size:11px}.preview-variants button:hover{color:var(--foreground)}.preview-variants button[aria-pressed=true]{background:var(--surface-strong);color:var(--foreground);box-shadow:inset 0 0 0 1px var(--border)}.doc-section,.code-section{margin-top:48px}.doc-section,.code-section,.implementation-docs-list,.implementation-docs{min-width:0}.implementation-docs-list.is-grouped{display:grid;gap:88px;margin-top:64px}.implementation-docs-list.is-grouped .implementation-docs>.code-section{margin-top:22px}.implementation-docs-heading{padding-bottom:12px;border-bottom:1px dashed var(--border)}.implementation-docs-heading h2{margin:0;font-size:15px;font-weight:520}.section-heading-row{min-height:28px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:12px}.section-heading-row h2,.doc-section>h2{margin:0;font-size:14px;line-height:22px;font-weight:500}.package-tabs{display:flex;gap:2px}.package-tabs button{height:28px;padding:0 11px;border:0;border-radius:999px;background:transparent;color:var(--faint);font-size:10px}.package-tabs button[aria-pressed=true]{background:var(--selected);color:var(--foreground)}.command-row{min-height:46px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px 0 20px;border-radius:14px;background:var(--surface)}.command-row code{overflow:hidden;color:var(--muted-foreground);font-family:var(--code);font-size:11.5px;text-overflow:ellipsis;white-space:nowrap}.icon-action{display:inline-flex;align-items:center;gap:7px;border:0;background:transparent;color:var(--muted-foreground);font-size:11px}.icon-action:hover{color:var(--foreground)}.icon-action.is-compact{width:28px;height:28px;justify-content:center;border-radius:7px}.icon-action.is-compact:hover{background:var(--selected)}pre{margin:0;overflow-x:auto;border-radius:16px;background:var(--surface);padding:24px;color:#dfe2e6;font-family:var(--code);font-size:12.5px;line-height:1.7;-moz-tab-size:2;tab-size:2}:root[data-theme=light] pre{color:#333}.source-heading{align-items:flex-start}.source-heading>div{min-width:0}.source-heading p{margin:5px 0 0;color:var(--faint);font-size:11px;line-height:1.5}.source-dependency{min-height:42px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-bottom:10px;padding:0 10px 0 14px;border:1px solid var(--border-soft);border-radius:12px;color:var(--faint);font-size:10px}.source-dependency code{color:var(--muted-foreground);font-family:var(--code);font-size:10.5px}.source-tabs{display:flex;gap:2px;overflow-x:auto;margin-bottom:8px;padding-bottom:2px;scrollbar-width:none}.source-tabs button{flex:0 0 auto;height:30px;padding:0 10px;border:0;border-radius:8px;background:transparent;color:var(--faint);font-family:var(--code);font-size:9.5px}.source-tabs button[aria-selected=true]{background:var(--selected);color:var(--foreground)}.source-files pre{max-height:520px}.props-table{margin-top:12px;overflow:hidden;border-radius:16px;background:var(--surface)}.props-row{min-height:54px;display:grid;grid-template-columns:160px 176px 96px 1fr;align-items:center;gap:8px;padding:0 20px;border-top:1px solid var(--border-soft);color:var(--muted-foreground);font-size:11.5px}.props-row.is-head{min-height:44px;border-top:0;color:var(--faint)}.props-row code{color:var(--foreground);font-family:var(--code);font-size:11px}.license-note{display:grid;grid-template-columns:220px 1fr;gap:32px;margin-top:48px;padding:20px;border:1px solid var(--border-soft);border-radius:14px}.license-note div{display:grid;gap:4px}.license-note a{color:var(--accent);font-family:var(--code);font-size:10px;text-decoration:none;text-transform:uppercase}.license-note a:hover{text-decoration:underline}.license-note strong{font-size:13px;font-weight:500}.license-note p{margin:0;color:var(--muted-foreground);font-size:12px;line-height:1.6}.article-pagination{display:flex;justify-content:space-between;gap:20px;margin-top:88px;padding-top:24px;border-top:1px dashed var(--border)}.article-pagination button{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;background:transparent;color:var(--muted-foreground);font-size:11px}.article-pagination button:hover{color:var(--foreground)}footer{border-top:1px solid var(--border-soft);padding:64px 0 32px}.footer-inner{width:min(1280px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:48px}.footer-brand p{max-width:260px;margin:18px 0 0;color:var(--faint);font-size:12px;line-height:1.6}.footer-inner>div:not(.footer-brand){display:grid;align-content:start;gap:10px}.footer-inner>div>p{margin:0 0 8px;font-size:12px}.footer-inner>div>a{color:var(--muted-foreground);font-size:11.5px}.footer-inner>div>a:hover{color:var(--foreground)}.footer-bottom{width:min(1280px,calc(100% - 32px));margin:60px auto 0;display:flex;justify-content:space-between;color:var(--faint);font-size:10px}.dialog-backdrop,.mobile-drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0000009e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-backdrop{display:grid;align-items:start;justify-items:center;padding-top:88px}.search-dialog{width:min(620px,calc(100vw - 32px));max-height:min(680px,calc(100vh - 120px));overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--background);box-shadow:0 24px 80px #0006}.search-field{height:54px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid var(--border-soft)}.search-field input{width:100%;border:0;outline:0;background:transparent;color:var(--foreground)}.search-field button{width:30px;height:30px;display:grid;place-items:center;border:0;border-radius:8px;background:transparent}.search-results{max-height:600px;overflow:auto;padding:16px}.mobile-drawer{width:min(320px,88vw);height:100%;margin-left:auto;overflow-y:auto;background:var(--background);padding:16px}.mobile-drawer-head{height:44px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.mobile-drawer-head button{width:32px;height:32px;display:grid;place-items:center;border:0;background:transparent}.mobile-locale-button{width:100%;height:38px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;padding:0 10px;border:1px solid var(--border-soft);border-radius:9px;background:var(--surface);color:var(--muted-foreground);font-size:11px}.mobile-locale-button strong{color:var(--foreground);font-weight:500}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(hover:none){.preview-actions{opacity:1;transform:none;pointer-events:auto}}@media(max-width:820px){.header-inner{width:calc(100% - 32px)}.desktop-nav,.desktop-only,.search-trigger span,.search-trigger kbd,.header-text-button{display:none}.search-trigger{width:30px;min-width:30px;justify-content:center;padding:0;border:0;background:transparent}.mobile-menu-button{display:grid}.catalog-layout{display:block;width:auto;padding:80px 16px 96px}.desktop-sidebar{display:none}.mobile-breadcrumb{height:20px;display:inline-flex;align-items:center;gap:4px;margin:0 0 28px;padding:0;border:0;background:transparent;color:var(--muted-foreground);font-size:12px}h1{font-size:26px;line-height:32px}.lede{font-size:14px}.preview-stage{min-height:394px;margin-top:42px;padding:20px;border-radius:24px}.preview-actions{top:12px;right:12px}.preview-actions button{width:34px;height:34px}.doc-section,.code-section{margin-top:46px}.section-heading-row{align-items:flex-end}.package-tabs{gap:0}.package-tabs button{padding:0 9px}.command-row{min-height:52px;padding-left:14px}.command-row code{font-size:10px}pre{padding:18px;font-size:10.5px;line-height:1.7}.source-heading{align-items:flex-start}.source-heading .icon-action{flex:0 0 auto}.source-heading .icon-action span{display:none}.source-dependency{grid-template-columns:auto minmax(0,1fr) auto}.source-dependency code{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.props-table{overflow-x:auto}.props-row{width:720px;grid-template-columns:130px 150px 90px 1fr}.license-note{grid-template-columns:1fr;gap:10px}.article-pagination{margin-top:64px}.article-pagination button{max-width:46%}.footer-inner{grid-template-columns:1fr 1fr;gap:40px 28px}.footer-brand{grid-column:1 / -1}.footer-bottom{margin-top:44px}}}