:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.tool-portal{position:fixed;z-index:1000}.tool-side-annotation{width:max-content;max-width:320px;padding:10px;border-radius:10px;border:1px dashed rgba(255,255,255,.25);background:#191923fa;box-shadow:0 6px 20px #00000059}.app-root{display:flex;min-height:100vh}.demo-container{display:flex;flex-direction:column;gap:16px;width:100%;margin:0 auto;padding:24px;max-width:1200px}.demo-header{display:flex;flex-direction:column;gap:4px}.demo-header h1{margin:0;font-size:24px}.subtitle{margin:0;color:#9aa3b2;font-size:14px}.scenario-tabs{margin-top:8px;display:inline-flex;gap:8px}.scenario-tab{padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.16);background:#ffffff0f}.scenario-tab.active{border-color:#646cff99;background:#646cff2e}.demo-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:16px}.chat-panel{display:flex;flex-direction:column;gap:12px}.chat-stream{display:flex;flex-direction:column;gap:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;overflow:visible}.chat-row{display:flex}.chat-row.user{justify-content:flex-end}.chat-row.agent{align-items:flex-start;gap:10px}.bubble{max-width:80%;padding:12px 14px;border-radius:12px;background:#1f2837;border:1px solid rgba(255,255,255,.08)}.chat-row.user .bubble{background:#2a3650}.bubble-text{white-space:pre-wrap}.note{margin-top:6px;font-size:12px;color:#9aa3b2}.inline-checklist{margin:8px 0 0;padding:0;text-align:left;list-style:none}.inline-checklist li{margin:4px 0}.inline-checklist li label{display:flex;align-items:flex-start;gap:8px}.inline-checklist li.done{color:#9aa3b2;text-decoration:line-through}.bubble.typing{display:inline-flex;align-items:center;gap:6px}.typing-dots{display:inline-flex;gap:4px}.typing-dot{width:6px;height:6px;border-radius:50%;background:#c7d2fe;opacity:.4;animation:pulse 1.8s infinite ease-in-out}.typing-dot:nth-child(2){animation-delay:.25s}.typing-dot:nth-child(3){animation-delay:.5s}@keyframes pulse{0%{transform:translateY(0);opacity:.4}40%{transform:translateY(-2px);opacity:1}80%{transform:translateY(0);opacity:.4}to{transform:translateY(0);opacity:.4}}.ui-row{margin-top:10px;display:flex;gap:8px;flex-wrap:wrap}.ui-row button:disabled{opacity:.5;cursor:not-allowed;background:#ffffff1a;border-color:#ffffff1a;color:#fff6}.ui-row button:disabled:hover{background:#ffffff1a;border-color:#ffffff1a}.fade-delayed{opacity:0;transform:translateY(3px);transition:opacity .6s ease,transform .6s ease}.fade-delayed.show{opacity:1;transform:translateY(0)}.warning{margin-top:10px;padding:10px;border-radius:8px;background:#382525;border:1px solid #8a3d3d}.right-column{display:flex;flex-direction:column;gap:16px;position:sticky;top:16px;align-self:start}.status-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px;height:fit-content;z-index:2}.status-panel h2{margin:0 0 12px;font-size:18px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px}.status-item .label{font-size:12px;color:#9aa3b2}.status-item .value{font-weight:600}.temp-value{position:relative;color:#e5f1ff}.temp-changing{color:#7cc0ff;text-shadow:0 0 10px rgba(124,192,255,.35)}.probe-value.temp-changing{color:#ffd27c;text-shadow:0 0 10px rgba(255,210,124,.35)}.temp-flash{animation:flash-highlight 1.2s ease-out}@keyframes flash-highlight{0%{background:#646cff40;box-shadow:0 0 #646cff59}40%{background:#646cff2e;box-shadow:0 0 0 6px #646cff26}80%{background:#646cff14;box-shadow:0 0 0 2px #646cff0f}to{background:transparent;box-shadow:none}}.timers{margin-top:12px;display:grid;gap:8px}.timer{padding:8px;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.timer-label{font-size:12px;color:#9aa3b2}.timer-time{font-weight:600}.legend{margin-top:12px}.tools-panel{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:16px}.tools-panel h2{margin:0 0 12px;font-size:18px}.smallprint{color:#9aa3b2;font-size:12px;line-height:1.5}.mt8{margin-top:8px}.tool-used-list{margin:0;padding-left:18px}.tool-annotation{margin-top:8px;padding-top:6px;border-top:1px dashed rgba(255,255,255,.15);display:flex;align-items:center;gap:8px}.tool-annotation-label{font-size:12px;color:#9aa3b2}.tool-list{display:flex;gap:8px;flex-wrap:wrap;margin:0;padding:0;list-style:none}.tool-item{padding:2px 8px;border-radius:999px;background:#646cff1f;border:1px solid rgba(100,108,255,.25);font-size:12px}.tool-pill-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(100,108,255,.4);background:#646cff1f;color:#e5e7ff}.tool-pill-btn:hover{border-color:#646cff99;background:#646cff2e}.tool-pill-icon{line-height:1}.tool-pill-count{font-size:12px}.tool-side-label{display:inline-block;font-size:12px;color:#9aa3b2;margin-bottom:6px}.tool-side-list{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}.tool-side-item{padding:2px 8px;border-radius:999px;background:#646cff1f;border:1px dashed rgba(100,108,255,.35);font-size:12px}.recipe-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:16px;margin-top:8px;max-width:100%}.recipe-card h3{margin:0 0 12px;color:#e5e7ff;font-size:16px}.recipe-section{margin-bottom:16px}.recipe-section h4{margin:0 0 8px;color:#c7d2fe;font-size:14px}.recipe-section ul,.recipe-section ol{margin:0;padding-left:20px;color:#e5e7ff}.recipe-section li{margin:4px 0;font-size:13px;line-height:1.4}.recipe-ready-btn{margin-top:12px;padding:8px 16px;border-radius:8px;border:1px solid rgba(100,108,255,.4);background:#646cff26;color:#e5e7ff;font-weight:500;cursor:pointer;transition:all .2s ease}.recipe-ready-btn:hover{border-color:#646cff99;background:#646cff40}