.demo-widget{--demo-font-mono:"JetBrains Mono", "Fragment Mono", "SF Mono", monospace;--demo-font-sans:"ABC Monument Grotesk", system-ui, sans-serif;--warm-bulb-50:#faf9f5;--warm-bulb-100:#f5f3eb;--warm-bulb-200:#eeebdf;--warm-bulb-400:#cdc8b2;--warm-black:#1d1b16;--warm-black-60:#1d1b1699;--cobalt:#3923c7;--demo-accent:var(--cobalt);--stop-orange:#d47849;--pink-4:#ab635b;--text-primary:var(--warm-black);--text-secondary:#60646c;--text-muted:#75736e;width:100%;max-width:602px}.demo-widget.demo-accent-green{--demo-accent:var(--color-green-500,#01762f)}.demo-tabs{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.demo-tab{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;background:var(--warm-bulb-200);min-width:min(100%,260px);height:48px;color:var(--warm-black);cursor:pointer;white-space:nowrap;border:none;border-radius:4px;flex:260px;padding:0 16px;font-size:10px;font-weight:400;line-height:normal;transition:all .15s}.demo-tab:hover{opacity:.85}.demo-tab.active{background:var(--demo-accent);color:var(--warm-bulb-100)}.demo-card{border:.576px solid var(--warm-bulb-400);background:linear-gradient(to bottom, var(--warm-bulb-50) 10%, #f5f3ebdb 68%);box-shadow:var(--shadow-demo,0px 4px 20px 4px #1d1b161f);border-radius:2px;flex-direction:column;height:400px;margin-top:24px;display:flex;overflow:hidden}.card-body{flex-direction:column;flex:1;justify-content:center;align-items:center;padding:23px;display:flex}.card-body-start{flex-direction:column;flex:1;justify-content:flex-start;align-items:flex-start;padding:23px;display:flex}.bottom-bar{border-top:.5px solid var(--warm-bulb-400);justify-content:space-between;align-items:center;min-height:71px;display:flex}.voice-row{align-items:center;gap:12px;margin-top:16px;display:flex}.voice-row-label{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--warm-black-60);white-space:nowrap;font-size:10px}.voice-select{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--warm-black);border:1px solid var(--warm-bulb-400);cursor:pointer;background:0 0;border-radius:4px;flex:0 260px;min-width:0;padding:8px 10px;font-size:11px}.bottom-bar-label{align-items:center;gap:12px;min-width:0;padding:16px 9px 16px 32px;display:flex;overflow:hidden}.model-name{font-family:var(--demo-font-mono);letter-spacing:1.8px;text-transform:uppercase;color:var(--warm-black);white-space:nowrap;font-size:12px;font-weight:400}.chevron-down{opacity:.6;width:7px;height:4px}.action-btn{border:none;border-left:.576px solid var(--warm-bulb-400);background:var(--demo-accent);color:#fff;cursor:pointer;flex-shrink:0;justify-content:center;align-items:center;width:71px;height:71px;transition:opacity .15s;display:flex}.action-btn:hover{opacity:.85}.action-btn.stop{background:var(--stop-orange)}.action-btn svg{width:24px;height:24px}.top-bar .action-btn{align-self:stretch;height:auto}.top-bar{justify-content:space-between;align-items:center;min-height:71px;display:flex}.top-bar-content{flex-direction:column;flex:1;gap:8px;min-width:0;padding:15px 9px 10px 32px;display:flex}.top-bar-subtitle{font-family:var(--demo-font-sans);color:var(--text-secondary);font-size:12px;font-style:italic;line-height:15px}.card-divider{border-top:.5px solid var(--warm-bulb-400);flex-shrink:0;height:5px}.transcript-area{flex-direction:column;flex:1;gap:12px;padding:8px 23px;display:flex;overflow-y:auto}.status-line{justify-content:space-between;align-items:center;display:flex}.status-left{align-items:center;gap:8px;display:flex}.status-icon{justify-content:center;align-items:center;width:16px;height:16px;display:flex}.status-icon svg{width:16px;height:16px}.status-text{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--warm-black-60);font-size:10px;line-height:1.3}.file-name-label{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--warm-black-60);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.3;overflow:hidden}.turn-count{font-family:var(--demo-font-mono);letter-spacing:.8px;text-transform:uppercase;color:var(--warm-black-60);border:1px solid var(--warm-black-60);white-space:nowrap;padding:3px 4px;font-size:8px;font-weight:500;line-height:1}.turn-row{align-items:flex-start;gap:12px;padding-top:5px;display:flex}.speaker-label{font-family:var(--demo-font-mono);letter-spacing:1px;text-transform:uppercase;color:var(--demo-accent);border:1px solid var(--demo-accent);white-space:nowrap;text-align:center;flex-shrink:0;justify-content:center;align-items:center;min-width:52px;padding:3px 4px;font-size:10px;font-weight:500;line-height:1;display:inline-flex}.speaker-label.agent{color:var(--pink-4);border-color:var(--pink-4)}.turn-text{font-family:var(--demo-font-mono);color:var(--warm-black);font-size:16px;font-weight:400;line-height:1.3}.turn-text.partial{color:var(--warm-black-60)}.turn-text.processing{color:var(--warm-black-60);font-style:italic}.speaker-label.tool{color:var(--warm-black-60);border-color:var(--warm-black-60);gap:6px}.tool-pulse{background:var(--warm-black-60);border-radius:50%;width:6px;height:6px;animation:1s ease-in-out infinite tool-pulse;display:inline-block}@keyframes tool-pulse{0%,to{opacity:.3}50%{opacity:1}}.tool-row .turn-text{color:var(--warm-black-60);font-size:14px}.tool-timer{font-variant-numeric:tabular-nums;color:var(--warm-black-60);opacity:.85;margin-left:8px;font-size:12px;display:inline-block}.cta-footer{border-top:.5px solid var(--warm-bulb-400);background:#f9f9fb;justify-content:space-between;align-items:center;gap:16px;min-height:71px;padding:0 32px;display:flex}.cta-text{font-family:var(--demo-font-sans);color:var(--text-secondary);font-size:12px;font-weight:400;line-height:16px}.cta-btn{font-family:var(--demo-font-mono);letter-spacing:.8px;text-transform:uppercase;color:#fff;background:var(--demo-accent);cursor:pointer;white-space:nowrap;border:none;align-items:center;height:26px;padding:10px 17px;font-size:8px;font-weight:500;text-decoration:none;transition:opacity .15s;display:inline-flex}.cta-btn:hover{opacity:.85}.upload-zone{cursor:pointer;text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:23px;transition:background .15s;display:flex}.upload-zone:hover,.upload-zone.drag-over{background:#3923c708}.upload-zone input[type=file]{display:none}.upload-title{font-family:var(--demo-font-sans);color:var(--warm-black);letter-spacing:.36px;font-size:18px;font-weight:400}.upload-subtitle{font-family:var(--demo-font-sans);color:var(--text-muted);letter-spacing:.24px;font-size:12px;font-style:italic}.idle-description{font-family:var(--demo-font-sans);color:var(--warm-black);letter-spacing:.36px;font-size:18px;font-weight:400;line-height:normal}.idle-disclaimer{font-family:var(--demo-font-sans);color:var(--text-muted);margin-top:16px;font-size:14px;font-style:italic;line-height:normal}@keyframes spin{to{transform:rotate(360deg)}}.loading-icon{animation:2s linear infinite spin}.error-msg{color:#e53e3e;font-family:var(--demo-font-mono);text-align:center;padding:8px 0;font-size:12px}@media (width<=480px){.demo-widget{max-width:100%;padding:0 16px}.demo-tabs{flex-direction:column;align-items:stretch}.demo-tab{width:100%}.turn-text{font-size:14px}}