[data-component=Button]{font-optical-sizing:auto;color:#101010;background-color:#ececf1;border:none;border-radius:1000px;outline:none;align-items:center;gap:8px;min-height:42px;padding:8px 24px;font-family:Roboto Mono,monospace;font-size:12px;font-style:normal;font-weight:400;transition:transform .1s ease-in-out,background-color .1s ease-in-out;display:flex}[data-component=Button].button-style-action{color:#ececf1;background-color:#101010}[data-component=Button].button-style-action:hover:not([disabled]){background-color:#404040}[data-component=Button].button-style-alert{color:#ececf1;background-color:red}[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=Console]{color:#fff;background-color:#07090a;flex-direction:column;height:100%;margin:0 8px;font-family:Clash Display,monospace;font-size:12px;font-style:normal;font-weight:600;display:flex;overflow:hidden}[data-component=Console]>div{flex-shrink:0}[data-component=Console] .spacer{flex-grow:1}[data-component=Console] .content-top{align-items:center;min-height:40px;padding:8px 16px;display:flex}[data-component=Console] .content-top .content-title{flex-grow:1;align-items:center;gap:12px;display:flex}[data-component=Console] .content-top .content-title img{width:24px;height:24px}[data-component=Console] .content-main{flex-grow:1;margin:0 16px 24px;display:flex;overflow:hidden;flex-shrink:1!important}[data-component=Console] .content-main .content-block{flex-direction:column;width:100%;max-height:100%;display:flex;position:relative}[data-component=Console] .content-main .content-block .content-block-title{flex-shrink:0;padding-top:16px;padding-bottom:4px;position:relative}[data-component=Console] .content-main .content-block .content-block-body{color:#6e6e7f;flex-grow:1;padding:4px 0 8px;line-height:1.2em;position:relative;overflow:auto}[data-component=Console] .content-main .content-block .content-block-body.full{padding:0}[data-component=Console] .content-main .content-right{flex-direction:column;flex-shrink:0;gap:24px;width:800px;margin-left:24px;display:flex}[data-component=Console] .content-main .content-right>div{border-radius:16px;flex-grow:1;flex-shrink:0;position:relative;overflow:hidden}[data-component=Console] .content-main .content-right>div .content-block-title{color:#07090a;z-index:9999;text-align:center;white-space:pre;background-color:#fff;border-radius:1000px;justify-content:center;align-items:center;min-height:32px;padding:4px 16px;line-height:2em;display:flex;position:absolute;top:16px;left:16px}[data-component=Console] .content-main .content-right>div .content-block-title.bottom{top:auto;bottom:16px;right:16px}[data-component=Console] .content-main .content-right>div.kv{white-space:pre;background-color:#ececf1;height:250px;max-height:250px}[data-component=Console] .content-main .content-right>div.kv .content-block-body{margin-top:56px;padding:16px}[data-component=Console] .content-main .content-right>div.waveform{background-color:#f5f5f5;height:auto;min-height:400px;padding-top:46px;padding-bottom:16px}[data-component=Console] .content-main .content-right>div.waveform .content-block-body{flex-direction:column;justify-content:space-between;align-items:center;height:100%;padding:16px;display:flex}[data-component=Console] .content-main .content-right>div.waveform .last-assistant-message,[data-component=Console] .content-main .content-right>div.waveform .last-user-message{color:#07090a;background-color:#fffc;border-radius:8px;width:100%;max-height:80px;margin:8px 0;padding:8px;font-size:14px;line-height:1.4;overflow-y:auto}[data-component=Console] .content-main .content-right>div.waveform .visualization{flex-grow:1;justify-content:center;align-items:center;width:50%;display:flex}[data-component=Console] .content-main .content-right>div.waveform .visualization .visualization-entry{width:100%;height:200px}[data-component=Console] .content-main .content-right>div.waveform .visualization .visualization-entry canvas{width:100%;height:100%}[data-component=Console] .content-main .content-logs{flex-direction:column;flex-grow:1;justify-content:center;align-items:center;display:flex;overflow:hidden}[data-component=Console] .content-main .content-logs>div{flex-grow:1}[data-component=Console] .content-main .content-logs>.content-actions{flex-direction:column;flex-grow:1;flex-shrink:0;justify-content:center;align-items:center;gap:16px;width:100%;padding:16px 0;display:flex}[data-component=Console] .content-main .content-logs>div.events{overflow:hidden}[data-component=Console] .content-main .content-logs .events{border-top:1px solid #e7e7e7}[data-component=Console] .content-main .content-logs .conversation{border-top:1px solid #e7e7e7;flex-shrink:0;width:100%;height:200px;min-height:0;max-height:200px;display:flex;overflow:hidden}[data-component=Console] .content-main .content-logs .smart-wallet-info{max-width:600px;margin:20x auto;text-align:center;padding:0 20px}[data-component=Console] .content-main .content-logs .smart-wallet-info h2{color:#888;letter-spacing:1px}[data-component=Console] .content-main .content-logs .smart-wallet-info h1{margin-bottom:1rem;font-size:2.5rem;line-height:1.2}[data-component=Console] .content-main .content-logs .smart-wallet-info p{color:#ccc;margin-bottom:2rem}[data-component=Console] .content-main .content-logs .smart-wallet-info button{background-color:#0052ff;transition:background-color .3s}[data-component=Console] .content-main .content-logs .smart-wallet-info button:hover{background-color:#0045d6}[data-component=Console] .content-main .content-logs .smart-wallet-info a{color:#0052ff;text-decoration:none;transition:color .3s}[data-component=Console] .content-main .content-logs .smart-wallet-info a:hover{color:#0045d6;text-decoration:underline}[data-component=Console] .content-main .content-logs .smart-wallet-info div{justify-content:center;gap:1rem;display:flex}[data-component=Console] .conversation-item{gap:16px;margin-bottom:16px;display:flex;position:relative}[data-component=Console] .conversation-item:not(:hover) .close{display:none}[data-component=Console] .conversation-item .close{color:#fff;cursor:pointer;background:#aaa;border-radius:16px;padding:2px;display:flex;position:absolute;top:0;right:-20px}[data-component=Console] .conversation-item .close:hover{background:#696969}[data-component=Console] .conversation-item .close svg{stroke-width:3px;width:12px;height:12px}[data-component=Console] .conversation-item .speaker{text-align:left;flex-shrink:0;gap:16px;width:80px;margin-right:16px;position:relative}[data-component=Console] .conversation-item .speaker.user,[data-component=Console] .conversation-item .speaker.assistant{color:#07090a}[data-component=Console] .conversation-item .speaker-content{color:#07090a;word-wrap:break-word;overflow:hidden}[data-component=Console] .event{white-space:pre;border-radius:3px;gap:16px;padding:0;display:flex}[data-component=Console] .event .event-timestamp{text-align:left;flex-shrink:0;gap:8px;width:80px;margin-right:16px;padding:4px 0}[data-component=Console] .event .event-details{color:#07090a;flex-direction:column;gap:8px;display:flex}[data-component=Console] .event .event-details .event-summary{cursor:pointer;align-items:center;gap:8px;margin:0 -8px;padding:4px 8px;display:flex}[data-component=Console] .event .event-details .event-summary:hover{background-color:#f0f0f0;border-radius:8px}[data-component=Console] .event .event-details .event-summary .event-source{flex-shrink:0;align-items:center;gap:8px;display:flex}[data-component=Console] .event .event-details .event-summary .event-source.client{color:#09f}[data-component=Console] .event .event-details .event-summary .event-source.server{color:#090}[data-component=Console] .event .event-details .event-summary .event-source.error{color:#900}[data-component=Console] .event .event-details .event-summary .event-source svg{stroke-width:3px;width:12px;height:12px}[data-component=Console] .visualization{gap:6px;display:flex}[data-component=Console] .visualization .visualization-entry{align-items:center;width:300px;height:200px;display:flex;position:relative}[data-component=Console] .visualization .visualization-entry canvas{color:currentColor;width:100%;height:100%}[data-component=Console] .content-main .content-logs>.content-actions .large-button{text-align:center;justify-content:center;align-items:center;min-width:200px;height:auto;padding:12px 24px;font-size:16px;transition:all .3s;display:flex}[data-component=Console] .content-main .content-logs>.content-actions .large-button:hover{transform:scale(1.05)}[data-component=Console] .content-main .content-logs>.content-actions .large-button:disabled{cursor:not-allowed}[data-component=Console] .content-main .content-logs>.content-actions .large-button-blue{text-align:center;min-width:260px;height:auto;color:var(--palette-bg-white);background-color:#0052ff;justify-content:center;align-items:center;padding:12px;font-size:20px;transition:all .3s;display:flex}[data-component=Console] .content-main .content-logs>.content-actions .large-button-blue:hover{background-color:#0045d6;transform:scale(1.05)}[data-component=Console] .content-main .content-logs>.content-actions .large-button-blue:disabled{cursor:not-allowed;background-color:#7fa5ff}