[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:#fff0}[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=ConsolePage]{font-family:Roboto Mono,monospace;font-weight:400;font-style:normal;font-size:12px;height:100%;display:flex;flex-direction:column;overflow:hidden;margin:0 8px}[data-component=ConsolePage]>div{flex-shrink:0}[data-component=ConsolePage] .spacer{flex-grow:1}[data-component=ConsolePage] .content-top{display:flex;align-items:center;padding:8px 16px;min-height:40px;gap:16px}[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-top .content-title .connection-state{color:#6e6e7f}[data-component=ConsolePage] .content-top .content-title .connection-state.active{color:#090}[data-component=ConsolePage] .content-top .content-title .connection-state.closing,[data-component=ConsolePage] .content-top .content-title .connection-state.connecting,[data-component=ConsolePage] .content-top .content-title .connection-state.starting{color:#b07d00}[data-component=ConsolePage] .content-top .content-usage{color:#18181b;white-space:pre}[data-component=ConsolePage] .content-top .content-api-key{display:flex;align-items:center;gap:8px}[data-component=ConsolePage] .error-banner{display:flex;align-items:center;gap:16px;margin:0 16px 8px;padding:10px 16px;border-radius:8px;background-color:#ffe5e5;color:#900;word-break:break-all}[data-component=ConsolePage] .error-banner span{flex-grow:1}[data-component=ConsolePage] .error-banner .close{flex-shrink:0;display:flex;cursor:pointer}[data-component=ConsolePage] .error-banner .close svg{stroke-width:3;width:14px;height:14px}[data-component=ConsolePage] .content-main{flex-grow:1;flex-shrink:1!important;margin:0 16px 24px;display:flex;overflow:hidden}[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-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}[data-component=ConsolePage] .content-main .content-logs .transcript{display:flex;flex-shrink:0;width:100%;overflow:hidden;height:220px;min-height:0;max-height:220px;border-top:1px solid #e7e7e7}[data-component=ConsolePage] .content-main .content-right{width:320px;flex-shrink:0;display:flex;flex-direction:column;margin-left:24px;gap:16px;overflow-y:auto;padding-top:16px}[data-component=ConsolePage] .content-main .content-right .side-block{background-color:#f7f7f8;border-radius:12px;flex-shrink:0;overflow:hidden}[data-component=ConsolePage] .content-main .content-right .side-block .side-block-title{padding:10px 16px;background-color:#ececf1}[data-component=ConsolePage] .content-main .content-right .side-block .side-block-body{padding:12px 16px 16px;display:flex;flex-direction:column;gap:10px}[data-component=ConsolePage] .field{display:flex;flex-direction:column;gap:4px;color:#6e6e7f}[data-component=ConsolePage] .field.checkbox{flex-direction:row;align-items:center;gap:8px}[data-component=ConsolePage] .field input,[data-component=ConsolePage] .field textarea,[data-component=ConsolePage] .field select{font-family:Roboto Mono,monospace;font-size:12px;color:#18181b;border:1px solid #dcdce1;border-radius:6px;padding:6px 8px;background-color:#fff;outline:none;resize:vertical}[data-component=ConsolePage] .field input:focus,[data-component=ConsolePage] .field textarea:focus,[data-component=ConsolePage] .field select:focus{border-color:#09f}[data-component=ConsolePage] .field input[disabled],[data-component=ConsolePage] .field textarea[disabled],[data-component=ConsolePage] .field select[disabled]{background-color:#f0f0f2;color:#909099}[data-component=ConsolePage] .field.checkbox input{padding:0;width:auto}[data-component=ConsolePage] .field-hint{color:#909099;word-break:break-all}[data-component=ConsolePage] .button-row{display:flex;flex-wrap:wrap;gap:8px}[data-component=ConsolePage] .button-row [data-component=Button]{padding:6px 14px;min-height:32px}[data-component=ConsolePage] .usage-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;color:#6e6e7f}[data-component=ConsolePage] .usage-row b{color:#18181b;font-weight:500;text-align:right;word-break:break-all}[data-component=ConsolePage] .usage-row.final b{color:#090}[data-component=ConsolePage] .transcript-item{position:relative;display:flex;gap:16px;margin-bottom:16px}[data-component=ConsolePage] .transcript-item .speaker{position:relative;text-align:left;width:48px;flex-shrink:0;margin-right:16px}[data-component=ConsolePage] .transcript-item .speaker.user{color:#09f}[data-component=ConsolePage] .transcript-item .speaker.assistant{color:#090}[data-component=ConsolePage] .transcript-item .speaker-content{color:#18181b;overflow:hidden;word-wrap:break-word;white-space:pre-wrap}[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;overflow:hidden}[data-component=ConsolePage] .event .event-details .event-summary{padding:4px 8px;margin:0 -8px}[data-component=ConsolePage] .event .event-details .event-summary:hover{border-radius:8px;background-color:#f0f0f0}[data-component=ConsolePage] .event .event-details .event-summary{cursor:pointer;display:flex;gap:8px;align-items:center}[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] .event .event-details .event-payload{white-space:pre-wrap;word-break:break-all;color:#6e6e7f}[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}[data-component=App]{height:100%;width:100%}html,body{padding:0;margin:0;position:relative;width:100%;height:100%;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{position:relative;width:100%;height:100%}