@tailwind base;@tailwind components;@tailwind utilities;:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}}body{color:var(--foreground);background:var(--background);background-color:#060609;font-family:Arial,Helvetica,sans-serif}@layer utilities{.text-balance{text-wrap:balance}}body,html{padding:0;margin:0;font-family:Assistant,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;color:#18181b;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,[data-component=App],body,html{position:relative;width:100%;height:100%}[data-component=Button]{display:flex;align-items:center;gap:8px;font-family:Roboto Mono,monospace;font-size:12px;font-optical-sizing:auto;font-weight:400;font-style:normal;border:none;background-color:#ececf1;color:#101010;border-radius:1000px;padding:8px 24px;min-height:42px;transition:transform .1s ease-in-out,background-color .1s ease-in-out;outline:none}[data-component=Button].button-style-action{background-color:#101010;color:#ececf1}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#404040}[data-component=Button].button-style-alert{background-color:red;color:#ececf1}[data-component=Button].button-style-alert:hover:not([disabled]){background-color:red}[data-component=Button].button-style-flush{background-color:hsla(0,0%,100%,0)}[data-component=Button][disabled]{color:#999}[data-component=Button]:not([disabled]){cursor:pointer}[data-component=Button]:hover:not([disabled]){background-color:#d8d8d8}[data-component=Button]:active:not([disabled]){transform:translateY(1px)}[data-component=Button] .icon{display:flex}[data-component=Button] .icon.icon-start{margin-left:-8px}[data-component=Button] .icon.icon-end{margin-right:-8px}[data-component=Button] .icon svg{width:16px;height:16px}[data-component=Button].icon-red .icon{color:#c00}[data-component=Button].icon-green .icon{color:#090}[data-component=Button].icon-grey .icon{color:#909090}[data-component=Button].icon-fill svg{fill:currentColor}[data-component=Button].no-label{padding:14px}[data-component=Button].no-label .icon{margin:0}[data-component=Toggle]{position:relative;display:flex;align-items:center;gap:8px;cursor:pointer;overflow:hidden;background-color:#ececf1;color:#101010;height:40px;border-radius:1000px}[data-component=Toggle]:hover{background-color:#d8d8d8}[data-component=Toggle] div.label{position:relative;color:#666;transition:color .1s ease-in-out;padding:0 16px;z-index:2;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-component=Toggle] div.label.right{margin-left:-8px}[data-component=Toggle] .toggle-background{background-color:#101010;position:absolute;top:0;left:0;width:auto;bottom:0;z-index:1;border-radius:1000px;transition:left .1s ease-in-out,width .1s ease-in-out}[data-component=Toggle][data-enabled=false] div.label.left,[data-component=Toggle][data-enabled=true] div.label.right{color:#fff}[data-component=ConsolePage]{font-family:Roboto Mono,monospace;font-weight:400;font-style:normal;font-size:12px;height:100%;display:flex;flex-direction:column;overflow:hidden}[data-component=ConsolePage]>div{flex-shrink:0}[data-component=ConsolePage] .spacer{flex-grow:1}[data-component=ConsolePage] .content-top{display:flex;align-items:center;min-height:40px}[data-component=ConsolePage] .content-top .content-title{flex-grow:1;display:flex;align-items:center;gap:12px}[data-component=ConsolePage] .content-top .content-title img{width:24px;height:24px}[data-component=ConsolePage] .content-main{flex-grow:1;flex-shrink:1!important;display:flex;overflow:hidden;margin:0 16px 24px}[data-component=ConsolePage] .content-main .content-block{position:relative;display:flex;flex-direction:column;max-height:100%;width:100%}[data-component=ConsolePage] .content-main .content-block .content-block-title{flex-shrink:0;padding-top:16px;padding-bottom:4px;position:relative}[data-component=ConsolePage] .content-main .content-block .content-block-body{color:#6e6e7f;position:relative;flex-grow:1;padding:4px 0 8px;line-height:1.2em;overflow:auto}[data-component=ConsolePage] .content-main .content-block .content-block-body.full{padding:0}[data-component=ConsolePage] .content-main .content-right{width:300px;flex-shrink:0;display:flex;flex-direction:column;margin-left:24px;gap:24px}[data-component=ConsolePage] .content-main .content-right>div{border-radius:16px;flex-grow:1;flex-shrink:0;overflow:hidden;position:relative}[data-component=ConsolePage] .content-main .content-right>div .content-block-title{position:absolute;display:flex;align-items:center;justify-content:center;line-height:2em;top:16px;left:16px;padding:4px 16px;background-color:#fff;border-radius:1000px;min-height:32px;z-index:9999;text-align:center;white-space:pre}[data-component=ConsolePage] .content-main .content-right>div .content-block-title.bottom{top:auto;bottom:16px;right:16px}[data-component=ConsolePage] .content-main .content-right>div.kv{height:250px;max-height:250px;white-space:pre;background-color:#ececf1}[data-component=ConsolePage] .content-main .content-right>div.kv .content-block-body{padding:16px;margin-top:56px}[data-component=ConsolePage] .content-main .content-logs{flex-grow:1;display:flex;flex-direction:column;overflow:hidden}[data-component=ConsolePage] .content-main .content-logs>div{flex-grow:1}[data-component=ConsolePage] .content-main .content-logs>.content-actions{flex-grow:0;flex-shrink:0;display:flex;align-items:center;justify-content:center;gap:16px}[data-component=ConsolePage] .content-main .content-logs>div.events{overflow:hidden}[data-component=ConsolePage] .content-main .content-logs .events{border-top:1px solid #e7e7e7;height:200px;min-height:0;max-height:200px}[data-component=ConsolePage] .content-main .content-logs .conversation{display:flex;flex-shrink:0;width:100%;overflow:hidden;border-top:1px solid #e7e7e7}[data-component=ConsolePage] .conversation-item{position:relative;display:flex;gap:16px;margin-bottom:16px}[data-component=ConsolePage] .conversation-item:not(:hover) .close{display:none}[data-component=ConsolePage] .conversation-item .close{position:absolute;top:0;right:-20px;background:#aaa;color:#fff;display:flex;border-radius:16px;padding:2px;cursor:pointer}[data-component=ConsolePage] .conversation-item .close:hover{background:dimgray}[data-component=ConsolePage] .conversation-item .close svg{stroke-width:3;width:12px;height:12px}[data-component=ConsolePage] .conversation-item .speaker{position:relative;text-align:left;gap:16px;width:80px;flex-shrink:0;margin-right:16px}[data-component=ConsolePage] .conversation-item .speaker.user{color:#09f}[data-component=ConsolePage] .conversation-item .speaker.assistant{color:#090}[data-component=ConsolePage] .conversation-item .speaker-content{color:#18181b;overflow:hidden;word-wrap:break-word}[data-component=ConsolePage] .event{border-radius:3px;white-space:pre;display:flex;padding:0;gap:16px}[data-component=ConsolePage] .event .event-timestamp{text-align:left;gap:8px;padding:4px 0;width:80px;flex-shrink:0;margin-right:16px}[data-component=ConsolePage] .event .event-details{display:flex;flex-direction:column;color:#18181b;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary{padding:4px 8px;margin:0 -8px;cursor:pointer;display:flex;gap:8px;align-items:center}[data-component=ConsolePage] .event .event-details .event-summary:hover{border-radius:8px;background-color:#f0f0f0}[data-component=ConsolePage] .event .event-details .event-summary .event-source{flex-shrink:0;display:flex;align-items:center;gap:8px}[data-component=ConsolePage] .event .event-details .event-summary .event-source.client{color:#09f}[data-component=ConsolePage] .event .event-details .event-summary .event-source.server{color:#090}[data-component=ConsolePage] .event .event-details .event-summary .event-source.error{color:#900}[data-component=ConsolePage] .event .event-details .event-summary .event-source svg{stroke-width:3;width:12px;height:12px}[data-component=ConsolePage] .visualization{position:absolute;display:flex;bottom:4px;right:8px;padding:4px;border-radius:16px;z-index:10;gap:2px}[data-component=ConsolePage] .visualization .visualization-entry{position:relative;display:flex;align-items:center;height:40px;width:100px;gap:4px}[data-component=ConsolePage] .visualization .visualization-entry.client{color:#09f}[data-component=ConsolePage] .visualization .visualization-entry.server{color:#090}[data-component=ConsolePage] .visualization .visualization-entry canvas{width:100%;height:100%;color:currentColor}