:root{--bg-0: #fff7ef;--bg-1: #ffe8cf;--bg-2: #ffd5aa;--sea-orange: #f47f3d;--sea-apricot: #ffb36a;--sea-sand: #ffe6ca;--sea-aqua: #8ad8dc;--sea-blue: #7aaefe;--sea-gradient: linear-gradient( 135deg, var(--sea-orange) 0%, var(--sea-apricot) 24%, var(--sea-sand) 48%, var(--sea-aqua) 76%, var(--sea-blue) 100% );--surface-0: rgba(255, 251, 247, .92);--surface-1: rgba(255, 245, 235, .94);--surface-2: rgba(255, 238, 224, .98);--surface-3: rgba(255, 255, 255, .72);--border-0: rgba(227, 133, 68, .18);--border-1: rgba(227, 133, 68, .26);--text-0: #5f2f15;--text-1: #8d5431;--text-2: #b1724e;--accent-gold: #ef7f3a;--accent-gold-soft: rgba(239, 127, 58, .14);--accent-cyan: #5ec7c4;--accent-cyan-soft: rgba(94, 199, 196, .16);--accent-blue: #7ab8ff;--accent-blue-soft: rgba(122, 184, 255, .16);--accent-rose: #f07878;--danger-soft: rgba(240, 120, 120, .14);--shadow-lg: 0 24px 60px rgba(204, 116, 55, .16);color-scheme:light;color:var(--text-0);background:var(--bg-0);font-family:Space Grotesk,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Segoe UI,sans-serif}.call-app-shell{display:grid;gap:1rem;padding:1rem;min-height:100vh;border-radius:30px;background:radial-gradient(circle at top right,rgba(122,184,255,.18),transparent 32%),radial-gradient(circle at bottom left,rgba(94,199,196,.16),transparent 28%),linear-gradient(180deg,#fff8eff5,#f5fcfbf0)}.call-app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.05rem;border:1px solid rgba(239,127,58,.12);border-radius:24px;background:#ffffffc2;box-shadow:0 18px 42px #d291541f}.call-app-header-copy{display:grid;gap:.3rem}.call-app-kicker{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-gold)}.call-app-header-copy h2{margin:0;font-size:clamp(1.2rem,2vw,1.8rem);color:var(--text-0)}.call-app-header-copy p{margin:0;color:var(--text-1);line-height:1.5}.call-app-header-actions{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;justify-content:flex-end}.call-app-status,.call-app-exit,.call-app-stage-pill,.call-app-thread-phase{display:inline-flex;align-items:center;justify-content:center;padding:.38rem .7rem;border-radius:999px;font-size:.76rem}.call-app-status{border:1px solid rgba(94,199,196,.18);background:#5ec7c41f;color:#2d6c69}.call-app-exit{border:1px solid rgba(239,127,58,.18);background:#ffffffd1;color:var(--text-0)}.call-app-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(20rem,.8fr);gap:1rem;min-height:0}.call-app-controls{display:flex;flex-wrap:wrap;gap:.75rem;padding:.9rem 1rem;border:1px solid rgba(239,127,58,.12);border-radius:24px;background:#ffffffc7;box-shadow:0 18px 42px #d291541a}.call-app-control{appearance:none;border:1px solid rgba(239,127,58,.14);border-radius:999px;background:#ffffffd6;color:var(--text-0);padding:.7rem 1rem;font:inherit;font-size:.92rem;cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease,box-shadow .14s ease}.call-app-control:hover{transform:translateY(-1px);border-color:#ef7f3a3d}.call-app-control.active{border-color:#5ec7c442;background:#5ec7c41f;box-shadow:inset 0 0 0 1px #5ec7c414}.call-app-control.secondary{border-color:#7ab8ff33;background:#7ab8ff1a}.call-app-control.danger{border-color:#f0787838;background:#f078781f;color:#8c3a3a}.call-app-stage,.call-app-sidebar{display:grid;gap:.9rem}.call-app-stage-frame,.call-app-thread{border:1px solid rgba(239,127,58,.12);border-radius:24px;background:#fffc;box-shadow:0 18px 42px #d291541f;overflow:hidden}.call-app-stage-frame{min-height:24rem;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top right,rgba(94,199,196,.18),transparent 34%),linear-gradient(180deg,#ffffffe0,#f4fafbe6)}.call-app-stage-image{display:block;width:100%;height:100%;min-height:24rem;object-fit:cover}.call-app-stage-empty{display:grid;gap:.45rem;padding:2rem;text-align:center;color:var(--text-1)}.call-app-stage-meta{display:flex;flex-wrap:wrap;gap:.6rem}.call-app-stage-pill,.call-app-thread-phase{border:1px solid rgba(47,88,106,.1);background:#ffffffc7;color:var(--text-0)}.call-app-thread{padding:.95rem 1rem;align-content:start}.call-app-thread-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.75rem}.call-app-thread-header h3{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-gold)}.call-app-thread-list{display:grid;gap:.75rem}.call-app-thread-item{display:grid;gap:.28rem;padding:.78rem .82rem;border-radius:16px}.call-app-thread-item.user{border:1px solid rgba(122,184,255,.24);background:#7ab8ff1a}.call-app-thread-item.assistant{border:1px solid rgba(239,127,58,.18);background:#ef7f3a14}.call-app-thread-role{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-1)}.call-app-thread-item p{margin:0;line-height:1.55;color:var(--text-0)}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 12% 18%,rgba(94,199,196,.22),transparent 28%),radial-gradient(circle at 85% 12%,rgba(244,127,61,.24),transparent 22%),radial-gradient(circle at 78% 82%,rgba(122,174,254,.22),transparent 24%),linear-gradient(180deg,#fff9f2,#ffe7ca 38%,#ffd4a8 68%,#cfeef3);color:var(--text-0)}body:before,body:after{content:"";position:fixed;inset:auto;pointer-events:none;z-index:0;filter:blur(16px)}body:before{top:8%;left:6%;width:18rem;height:18rem;border-radius:50%;background:#5ec7c424}body:after{right:4%;bottom:10%;width:22rem;height:22rem;border-radius:50%;background:#ff955129}button,input,textarea{font:inherit}button{transition:transform .16s ease,border-color .16s ease,background-color .16s ease,box-shadow .16s ease}button:hover:not(:disabled){transform:translateY(-1px)}button:disabled{cursor:not-allowed;opacity:.45}button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid rgba(94,199,196,.78);outline-offset:2px}input,textarea{color:var(--text-0)}input::placeholder,textarea::placeholder{color:#8d543185}.app-shell{position:relative;z-index:1;height:100vh;height:100dvh;padding:clamp(.6rem,.7vw + .5rem,.95rem);display:grid;grid-template-rows:auto minmax(0,1fr);gap:.75rem;overflow:hidden}.hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;padding:clamp(.95rem,1.35vw,1.15rem);border:1px solid var(--border-1);border-radius:24px;background:radial-gradient(circle at top right,rgba(244,127,61,.28),transparent 30%),radial-gradient(circle at left center,rgba(94,199,196,.18),transparent 24%),linear-gradient(145deg,#fff8eef2,#ffebd4eb);box-shadow:var(--shadow-lg);overflow:hidden;transition:padding .22s ease,grid-template-columns .22s ease,border-color .22s ease,background .22s ease}.hero-panel:after{content:"";position:absolute;inset:1rem auto auto 52%;width:14rem;height:14rem;border-radius:50%;background:radial-gradient(circle,rgba(122,184,255,.24),transparent 70%);pointer-events:none}.hero-copy,.hero-metrics,.panel{position:relative;z-index:1}.hero-panel{flex-shrink:0}.hero-copy{display:grid;align-content:start;gap:.7rem}.hero-copy-topline{display:flex;align-items:center;justify-content:space-between;gap:.8rem}.hero-kicker,.status-kicker,.runtime-overview-label,.runtime-flow-label,.runtime-json-label,.insight-label,.status-group-title{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text-2)}.hero-copy h1{margin:0;max-width:15ch;font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:clamp(1.8rem,3vw,3rem);line-height:1;letter-spacing:-.04em;transition:font-size .22s ease,max-width .22s ease}.hero-description{margin:0;max-width:60ch;font-size:.92rem;line-height:1.6;color:var(--text-1);transition:opacity .18s ease,max-height .22s ease,transform .22s ease}.hero-toggle{flex-shrink:0;min-height:2.1rem;padding:.45rem .78rem;border:1px solid rgba(239,127,58,.18);border-radius:999px;background:#ffffffb8;color:var(--text-0);box-shadow:0 12px 24px #ff91521a}.hero-tag-row{display:flex;flex-wrap:wrap;gap:.65rem;transition:opacity .18s ease,max-height .22s ease,transform .22s ease}.hero-tag{display:inline-flex;align-items:center;gap:.4rem;padding:.42rem .72rem;border:1px solid rgba(239,127,58,.12);border-radius:999px;background:#ffffffad;color:var(--text-0);font-size:.78rem}.hero-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem}.hero-metric-card{display:grid;gap:.32rem;align-content:start;padding:.78rem .82rem;min-height:6.6rem;border-radius:18px;border:1px solid rgba(239,127,58,.12);background:linear-gradient(180deg,#ffffffdb,#fff3e8eb),#ffffffb8;box-shadow:0 14px 28px #e9964c14;transition:padding .22s ease,min-height .22s ease}.hero-metric-card-primary{border-color:#efb76d3d;background:radial-gradient(circle at top right,rgba(244,127,61,.2),transparent 42%),linear-gradient(140deg,#fff4e8eb,#e4f5f8c7),linear-gradient(180deg,#fffffff0,#ffedddf5),#ffffffe0}.hero-metric-card-mode{gap:.55rem}.hero-metric-label{font-size:.76rem;color:var(--text-1)}.hero-metric-value{font-size:clamp(1rem,1.15vw,1.35rem);line-height:1.1;color:var(--text-0);overflow-wrap:anywhere}.hero-metric-copy{font-size:.76rem;line-height:1.4;color:var(--text-1);overflow-wrap:anywhere}.hero-panel.collapsed{grid-template-columns:minmax(0,1fr);gap:.6rem;padding:.72rem .9rem}.hero-panel.collapsed .hero-copy{gap:.55rem}.hero-panel.collapsed .hero-copy h1{max-width:100%;font-size:clamp(1.05rem,1.5vw,1.35rem)}.hero-panel.collapsed .hero-description,.hero-panel.collapsed .hero-tag-row{max-height:0;opacity:0;overflow:hidden;transform:translateY(-6px);margin:0;pointer-events:none}.hero-panel.collapsed .hero-metrics{grid-template-columns:repeat(5,minmax(0,1fr));gap:.5rem}.hero-panel.collapsed .hero-metric-card{min-height:auto;padding:.58rem .68rem}.status-bar{display:grid;grid-template-columns:minmax(0,1.3fr) repeat(3,minmax(0,1fr));gap:.7rem;padding:.7rem;border:1px solid var(--border-0);border-radius:22px;background:linear-gradient(135deg,#fff7eed6,#ffeedde6 58%,#e9f8fac2),#fff5ebe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.status-bar-intro,.status-group{min-width:0;padding:.78rem;border-radius:18px;border:1px solid rgba(239,127,58,.1);background:#ffffff9e}.status-bar-intro{display:grid;gap:.7rem}.status-bar-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.status-bar-heading h2{margin:0;max-width:24ch;font-size:.96rem;line-height:1.28;color:var(--text-0)}.status-bar-copy{margin:0;max-width:58ch;font-size:.82rem;line-height:1.5;color:var(--text-1)}.status-group{display:flex;flex-direction:column;gap:.75rem;justify-content:space-between}.status-group label{display:grid;gap:.35rem;font-size:.8rem;color:var(--text-1)}.status-group input{min-width:0;width:100%;padding:.62rem .76rem;border:1px solid rgba(239,127,58,.14);border-radius:12px;background:#fffc}.status-segmented,.status-pill-row{display:flex;flex-wrap:wrap;gap:.55rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.42rem .7rem;border:1px solid rgba(239,127,58,.12);border-radius:999px;background:#ffffffb8;color:var(--text-0)}.status-pill.active{border-color:#ef7f3a38;background:linear-gradient(180deg,#ffaa6e8a,#ff8d4657);color:#6a3516;box-shadow:inset 0 1px #ffffff1a}.status-pill-tone-good{border-color:#5ec7c43d;background:#5ec7c429;color:#1a6662}.status-pill-tone-warn{border-color:#ef7f3a33;background:#ef7f3a24;color:#8b4319}.status-pill-tone-danger{border-color:#f0787838;background:#f078781f;color:#8f2d2d}.status-pill-tone-muted{border-color:#e3854424;background:#ffffff9e;color:var(--text-1)}.workspace-grid{height:100%;min-height:0;width:100%;overflow:hidden}.workspace-panel{min-width:0;min-height:0;display:flex;overflow:hidden}.workspace-column{flex:1;width:100%;min-height:0;display:flex;flex-direction:column;gap:.75rem;overflow:hidden}.workspace-column>*{min-height:0}.workspace-column-main,.workspace-column-runtime{min-width:0;height:100%}.workspace-column-side{height:100%}.resize-handle{position:relative;flex:0 0 auto;border-radius:999px;background:transparent;transition:background-color .16s ease}.resize-handle:before{content:"";position:absolute;inset:0;margin:auto;border-radius:999px;background:linear-gradient(180deg,#ef7f3a1f,#5ec7c42e);box-shadow:0 8px 18px #cd7e441f}.resize-handle.horizontal{width:.75rem;cursor:col-resize}.resize-handle.horizontal:before{width:.26rem;height:calc(100% - .9rem)}.resize-handle.vertical{height:.75rem;cursor:row-resize}.resize-handle.vertical:before{width:calc(100% - .9rem);height:.26rem}.resize-handle[data-resize-handle-active],.resize-handle:hover{background:#ffffff3d}.panel{display:flex;flex-direction:column;min-height:0;border:1px solid var(--border-0);border-radius:22px;background:linear-gradient(180deg,#ffffffd1,#fff3e8eb),var(--surface-0);box-shadow:var(--shadow-lg);overflow:hidden}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;padding:.8rem .9rem .72rem;border-bottom:1px solid rgba(239,127,58,.1)}.panel-header-copy{display:grid;gap:.35rem;min-width:0}.panel-header h2,.runtime-section h3{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-gold)}.panel-header-copy p,.runtime-section p{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-1)}.panel-header-badge{flex-shrink:0;padding:.38rem .66rem;border-radius:999px;border:1px solid rgba(239,127,58,.12);background:#ffffffb3;color:var(--text-0);font-size:.72rem}.chat-panel{flex:1;height:100%}.mode-segmented{display:flex;gap:.6rem;flex-wrap:wrap}.hero-mode-segmented{margin-top:.1rem}.mode-pill{min-width:4.9rem;min-height:2.15rem;padding:.45rem .82rem;border:1px solid rgba(239,127,58,.14);border-radius:999px;background:#ffffffbd;color:var(--text-0)}.mode-pill.active{color:#fff9f2;background:linear-gradient(180deg,#ff9d5a,#ef6f31);box-shadow:0 10px 24px #ef6f3133}.status-tone-connected,.status-tone-mock{color:#1a6662;background:#5ec7c424}.status-tone-connecting,.status-tone-reconnecting{color:#8b4319;background:#ef7f3a24}.status-tone-error{color:#8f2d2d;background:#f0787824}.status-tone-disconnected{color:var(--text-1);background:#ffffffb8}.chat-trim-hint{margin:.65rem .8rem 0;padding:.56rem .72rem;border-radius:12px;border:1px solid rgba(122,184,255,.22);background:#7ab8ff1f;color:#466f99;font-size:.81rem}.chat-list,.runtime-panel-scroll,.runtime-section-body.scrollable{scrollbar-width:thin;scrollbar-color:rgba(239,127,58,.36) transparent}.chat-list::-webkit-scrollbar,.runtime-panel-scroll::-webkit-scrollbar,.runtime-section-body.scrollable::-webkit-scrollbar{width:10px}.chat-list::-webkit-scrollbar-thumb,.runtime-panel-scroll::-webkit-scrollbar-thumb,.runtime-section-body.scrollable::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:#ef7f3a5c;background-clip:padding-box}.chat-list{flex:1;min-height:0;padding:.78rem .86rem;display:grid;align-content:start;gap:.85rem;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}.chat-empty{margin:auto 0;padding:1rem;border-radius:16px;border:1px dashed rgba(239,127,58,.18);background:#ffffff9e}.chat-empty h3{margin:0 0 .45rem;font-size:1.05rem;color:var(--text-0)}.chat-empty p{margin:0;line-height:1.65;color:var(--text-1)}.chat-row{display:flex}.chat-row.user{justify-content:flex-end}.chat-row.assistant,.chat-row.system{justify-content:flex-start}.chat-message{position:relative;width:min(100%,38rem);padding:.82rem .9rem;border:1px solid rgba(239,127,58,.12);border-radius:18px;background:linear-gradient(180deg,#ffffffe6,#fff6edf0),#ffffffc7;box-shadow:inset 0 1px #fff9,0 14px 28px #e18c4a1f}.chat-message:after{content:"";position:absolute;top:1rem;width:14px;height:14px;transform:rotate(45deg);border-radius:3px}.chat-message.user{border-color:#7ab8ff42;background:linear-gradient(180deg,#7ab8ff2e,#7ab8ff14),#7ab8ff14}.chat-message.user:after{right:-7px;background:#8ab7ff2e;border-top:1px solid rgba(138,183,255,.22);border-right:1px solid rgba(138,183,255,.22)}.chat-message.assistant{border-color:#ef7f3a3d;background:radial-gradient(circle at top left,rgba(255,160,92,.18),transparent 44%),linear-gradient(180deg,#ffffffeb,#fff1e4f0),#ffffffd1}.chat-message.assistant:after{left:-7px;background:#efb76d29;border-bottom:1px solid rgba(239,183,109,.24);border-left:1px solid rgba(239,183,109,.24)}.chat-message.system{border-style:dashed;border-color:#5ec7c429;background:#5ec7c414}.chat-message.system:after{left:-7px;background:#bcded71a;border-bottom:1px solid rgba(188,222,215,.22);border-left:1px solid rgba(188,222,215,.22)}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.38rem}.chat-meta-main{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;min-width:0}.chat-role{font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-0)}.chat-source-badge,.chat-streaming-indicator{display:inline-flex;align-items:center;gap:.32rem;padding:.18rem .52rem;border-radius:999px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase}.chat-source-badge.fast{border:1px solid rgba(122,184,255,.26);background:#7ab8ff1f;color:#436f98}.chat-source-badge.slow{border:1px solid rgba(239,127,58,.24);background:#ef7f3a1a;color:#8b4319}.chat-source-badge.system{border:1px solid rgba(94,199,196,.2);background:#5ec7c414;color:#2d6c69}.chat-streaming-indicator{border:1px solid rgba(94,199,196,.24);background:#5ec7c424;color:#2d6c69}.chat-streaming-dot{width:.42rem;height:.42rem;border-radius:50%;background:currentColor;animation:chat-pulse 1.2s ease-in-out infinite}.chat-time{flex-shrink:0;font-size:.74rem;color:var(--text-2);font-variant-numeric:tabular-nums}.chat-thumbnail-wrap{margin-bottom:.8rem}.chat-thumbnail-button{display:block;padding:0;border:0;background:transparent;cursor:zoom-in}.chat-thumbnail{display:block;width:auto;max-width:min(100%,220px);max-height:10rem;object-fit:contain;border-radius:16px;border:1px solid rgba(239,127,58,.12);background:#fffcf8b3;box-shadow:0 12px 26px #e18c4a24}.chat-thumbnail-button:hover .chat-thumbnail,.chat-thumbnail-button:focus-visible .chat-thumbnail{transform:translateY(-1px);box-shadow:0 16px 34px #e18c4a33}.chat-thumbnail-button:focus-visible{outline:none}.chat-thumbnail-button .chat-thumbnail{transition:transform .16s ease,box-shadow .16s ease}.chat-thumbnail-modal-backdrop{position:fixed;inset:0;z-index:30;display:grid;place-items:center;padding:1.2rem;background:#291b0f99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-thumbnail-modal{position:relative;width:min(92vw,920px);max-height:88vh;overflow:auto;padding:1rem 1rem .85rem;border-radius:22px;border:1px solid rgba(255,244,235,.36);background:linear-gradient(180deg,#2e1e12f5,#160e08fa);box-shadow:0 28px 90px #00000057}.chat-thumbnail-modal-close{position:absolute;top:.85rem;right:.85rem;border:1px solid rgba(255,214,188,.2);background:#ffffff1a;color:#fff2e5}.chat-thumbnail-modal-image-wrap{overflow:auto;max-height:calc(88vh - 5rem);border-radius:16px;cursor:zoom-in}.chat-thumbnail-modal-image{display:block;width:100%;max-height:none;object-fit:contain;border-radius:16px;transform-origin:center center;transition:transform .12s ease}.chat-thumbnail-modal-caption{margin:.75rem 0 0;color:#fff2e5e0;line-height:1.6}.chat-text{line-height:1.72;color:var(--text-0);overflow-wrap:anywhere}.chat-text strong{color:#de6721}.chat-input{display:grid;gap:.65rem;padding:.78rem .9rem .88rem;border-top:1px solid rgba(239,127,58,.1);background:linear-gradient(180deg,#ffffff8f,#fff7f0d6)}.chat-hint,.runtime-summary,.runtime-empty{padding:.78rem .88rem;border-radius:14px;border:1px solid rgba(239,127,58,.16);background:#ffa6661a;color:#8b4319}.runtime-empty{border-color:#5ec7c424;background:#ffffff9e;color:var(--text-1)}.runtime-empty.inline{padding:.65rem .78rem}.chat-input textarea{width:100%;min-height:88px;resize:vertical;padding:.72rem .84rem;border-radius:14px;border:1px solid rgba(239,127,58,.14);background:#ffffffdb;line-height:1.6}.chat-composer-footer{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap}.chat-composer-hint{font-size:.74rem;color:var(--text-2)}.chat-input button,.media-controls button,.file-button,.media-debug-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:2.35rem;padding:.62rem .88rem;border:0;border-radius:14px;cursor:pointer}.chat-input button,.control-button,.media-debug-controls button{color:#fff9f2;background:linear-gradient(180deg,#ff9d5a,#ef6f31);box-shadow:0 10px 24px #ef6f3133}.media-controls button,.media-debug-controls button{background:linear-gradient(180deg,#f6b26a,#e68642);box-shadow:0 10px 24px #e686422e}.control-button.active{background:linear-gradient(180deg,#7edbd6,#47b8b2);box-shadow:0 10px 24px #47b8b22e}.file-button{position:relative;overflow:hidden}.file-button.secondary{color:var(--text-0);border:1px solid rgba(239,127,58,.12);background:#ffffffc2;box-shadow:none}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer}.media-panel{width:100%;max-width:100%;align-self:stretch;overflow:hidden;padding-bottom:1rem;background:radial-gradient(circle at top right,rgba(255,160,92,.16),transparent 38%),linear-gradient(180deg,#fffaf5e0,#fff1e3f0),var(--surface-0)}.live-call-card{display:grid;gap:.8rem;margin:.9rem 1rem 0;padding:.95rem 1rem;border:1px solid rgba(94,199,196,.18);border-radius:18px;background:radial-gradient(circle at top right,rgba(94,199,196,.16),transparent 42%),linear-gradient(180deg,#f1fffceb,#fbf8f1eb);box-shadow:inset 0 1px #ffffffb8}.live-call-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.live-call-card-header h3{margin:0 0 .2rem;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;color:#2d6c69}.live-call-card-header p{margin:0;font-size:.8rem;line-height:1.45;color:var(--text-1)}.live-call-badge,.live-call-pill{display:inline-flex;align-items:center;justify-content:center;padding:.28rem .62rem;border-radius:999px;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}.live-call-badge.user{border:1px solid rgba(94,199,196,.22);background:#5ec7c424;color:#2d6c69}.live-call-badge.assistant{border:1px solid rgba(239,127,58,.22);background:#ef7f3a1f;color:#8b4319}.live-call-metrics{display:flex;flex-wrap:wrap;gap:.5rem}.live-call-pill{border:1px solid rgba(47,88,106,.1);background:#ffffffb3;color:var(--text-0)}.live-transcript-card{display:grid;gap:.45rem;padding:.78rem .86rem;border-radius:14px;border:1px dashed rgba(47,88,106,.16);background:#ffffff8f}.live-transcript-card.active{border-style:solid;border-color:#5ec7c447;background:linear-gradient(180deg,#ffffffd1,#ecfdf8e0)}.live-transcript-label-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.live-transcript-label,.live-transcript-time{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.live-transcript-label{color:#2d6c69;font-weight:700}.live-transcript-time{color:var(--text-2)}.live-transcript-text{margin:0;font-size:.95rem;line-height:1.55;color:var(--text-0)}.insight-panel{width:100%;max-width:100%;align-self:stretch;min-height:0;flex:1 1 auto;overflow-y:auto}.media-panel-body{flex:1;min-height:0;overflow-y:auto;padding-bottom:1rem;scrollbar-width:thin;scrollbar-color:rgba(239,127,58,.36) transparent}.media-panel-body::-webkit-scrollbar{width:10px}.media-panel-body::-webkit-scrollbar-thumb{border-radius:999px;border:2px solid transparent;background:#ef7f3a5c;background-clip:padding-box}.media-controls{display:flex;flex-wrap:wrap;gap:.75rem;padding:.82rem .9rem .75rem}.media-offline-replay{margin:0 1rem 1rem;padding:.88rem;display:grid;gap:.8rem;border-radius:18px;border:1px solid rgba(122,184,255,.22);background:radial-gradient(circle at top right,rgba(122,184,255,.14),transparent 38%),linear-gradient(180deg,#f7fbffeb,#eff7ffe6)}.media-offline-replay-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.media-offline-replay-header h3{margin:0;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.84rem;letter-spacing:.12em;text-transform:uppercase;color:#4d79a6}.media-offline-replay-header p{margin:.38rem 0 0;font-size:.8rem;line-height:1.5;color:var(--text-1)}.media-offline-replay-badge{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:2rem;padding:.32rem .68rem;border-radius:999px;border:1px solid rgba(122,184,255,.2);background:#ffffffbd;color:#466f99;font-size:.74rem;text-transform:capitalize}.media-offline-replay-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem;align-items:end}.media-offline-replay-actions .file-button{width:100%}.media-offline-replay-select{display:grid;gap:.35rem;font-size:.78rem;color:var(--text-1)}.media-offline-replay-select select{width:100%;min-width:0;min-height:2.35rem;padding:.62rem .72rem;border-radius:12px;border:1px solid rgba(122,184,255,.18);background:#ffffffd6;color:var(--text-0)}.media-offline-replay-metric-list{margin:0}.media-hint{margin:0 1rem .75rem;color:#bcc7b1;font-size:.85rem}.camera-preview{width:calc(100% - 2rem);margin:0 1rem;aspect-ratio:16 / 9;border-radius:16px;border:1px solid rgba(239,127,58,.12);background:linear-gradient(160deg,#fff4e9,#ffd7b4);object-fit:cover;box-shadow:0 14px 28px #e18c4a24}.metric-list{display:grid;gap:.75rem;margin:0;margin:1rem}.metric-list div{padding:.8rem;border-radius:14px;border:1px solid rgba(239,127,58,.1);background:#ffffffad}.metric-list dt{margin-bottom:.35rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.metric-list dd{margin:0;line-height:1.5;color:var(--text-0);overflow-wrap:anywhere}.media-debug-form{margin:0 1rem;padding:.82rem;display:grid;gap:.58rem;border-radius:16px;border:1px solid rgba(239,127,58,.1);background:#ffffffa3}.media-debug-controls{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.58rem}.media-debug-controls input{min-width:0;width:100%;padding:.68rem .8rem;border-radius:12px;border:1px solid rgba(239,127,58,.14);background:#ffffffdb}.insight-panel{flex:1 1 auto;overflow-y:auto}.insight-body{padding:.82rem .9rem .88rem;display:grid;gap:.6rem}.insight-highlight{padding:.8rem;border-radius:16px;border:1px solid rgba(239,127,58,.12);background:radial-gradient(circle at top right,rgba(255,162,92,.18),transparent 36%),#ffffffb8}.insight-highlight p{margin:.4rem 0 0;line-height:1.65;color:var(--text-0)}.insight-support{color:var(--text-1)!important}.insight-list{display:grid;gap:.5rem}.insight-list-item{padding:.7rem .78rem;border-radius:14px;border:1px solid rgba(239,127,58,.1);background:#ffffffa8;line-height:1.55;color:var(--text-0)}.runtime-panel{flex:1;height:100%}.runtime-panel-scroll{flex:1;min-height:0;overflow-y:auto;padding:.8rem .9rem .9rem;display:flex;flex-direction:column;gap:.72rem;scrollbar-gutter:stable}.runtime-overview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.runtime-overview-card{padding:.72rem .8rem;border-radius:16px;border:1px solid rgba(239,127,58,.12);background:linear-gradient(180deg,#ffffffd6,#fff3e8eb),#ffffffad}.runtime-overview-highlight{border-color:#ef7f3a2e;background:radial-gradient(circle at top right,rgba(255,162,92,.16),transparent 40%),#ffffffbd}.runtime-overview-value{margin-top:.3rem;font-size:1rem;font-weight:700;color:#7f3b17;overflow-wrap:anywhere}.runtime-overview-copy{margin-top:.26rem;font-size:.76rem;line-height:1.4;color:var(--text-1);overflow-wrap:anywhere}.runtime-section-card{display:flex;flex-direction:column;min-height:0;border-radius:18px;border:1px solid rgba(239,127,58,.1);background:#ffffff9e;overflow:hidden}.runtime-section-card.open{flex:1 1 auto}.runtime-section-summary{width:100%;border:0;padding:.78rem .84rem;display:flex;align-items:center;justify-content:space-between;gap:1rem;background:transparent;color:inherit;text-align:left;cursor:pointer}.runtime-section-summary-copy{min-width:0;display:grid;gap:.3rem}.runtime-section-summary-copy p{margin:0;font-size:.76rem;line-height:1.4;color:var(--text-1)}.runtime-section-summary-actions{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.runtime-section-badge,.runtime-inline-badge,.runtime-pill{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .58rem;border-radius:999px;border:1px solid rgba(239,127,58,.1);background:#ffffffb3;font-size:.73rem;color:var(--text-0)}.runtime-section-chevron{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;background:#ffffffb3}.runtime-section-chevron svg{width:1.1rem;transition:transform .16s ease}.runtime-section-card.open .runtime-section-chevron svg{transform:rotate(180deg)}.runtime-section-body{padding:0 .84rem .84rem;display:grid;gap:.6rem}.runtime-section-body.scrollable{max-height:30rem;overflow-y:auto}.runtime-card-list{display:grid;gap:.58rem}.runtime-card-list.nested{margin-top:.75rem}.runtime-card{padding:.8rem;border-radius:16px;border:1px solid rgba(239,127,58,.1);background:linear-gradient(180deg,#ffffffdb,#fff3e8eb),#ffffffad}.runtime-card.nested{padding:.75rem;background:#fff8f2d1}.runtime-card-accent{border-color:#ef7f3a29;background:radial-gradient(circle at top right,rgba(255,162,92,.16),transparent 38%),#ffffffb8}.runtime-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.8rem}.runtime-card-title{font-weight:700;color:var(--text-0);overflow-wrap:anywhere}.runtime-card-subtitle{margin-top:.3rem;font-size:.86rem;line-height:1.5;color:var(--text-1)}.runtime-pill-group{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.45rem}.runtime-pill.muted{color:var(--text-1)}.runtime-meta-grid{margin:.72rem 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.58rem}.runtime-meta-grid div{padding:.62rem .7rem;border-radius:12px;background:#fff7f0c7}.runtime-meta-grid dt{margin-bottom:.3rem;font-size:.74rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-2)}.runtime-meta-grid dd{margin:0;color:var(--text-0)}.runtime-flow{margin-top:.72rem;display:grid;gap:.5rem}.runtime-flow-list{display:grid;gap:.42rem}.runtime-flow-item{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.58rem .68rem;border-radius:12px;border:1px solid rgba(239,127,58,.1);background:#fff7f0c7}.runtime-flow-kind{font-weight:700;color:#d96320}.runtime-flow-separator{color:var(--text-2)}.runtime-flow-summary{color:var(--text-0)}.runtime-flow-time{margin-left:auto;color:var(--text-2);font-size:.78rem}.runtime-json-block{margin-top:.72rem;padding:.72rem;border-radius:12px;border:1px solid rgba(94,199,196,.16);background:#effcfbeb}.runtime-json-block pre{margin:.45rem 0 0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:IBM Plex Mono,SFMono-Regular,monospace;font-size:.77rem;line-height:1.55;color:#285d5b}.runtime-inline-details{margin-top:.72rem;padding:.68rem .76rem;border-radius:12px;border:1px solid rgba(239,127,58,.1);background:#ffffff9e}.runtime-inline-details summary{display:flex;align-items:center;justify-content:space-between;gap:.75rem;cursor:pointer;list-style:none;font-weight:700;color:var(--text-0)}.runtime-inline-details summary::-webkit-details-marker{display:none}.runtime-log-time{flex-shrink:0;font-size:.75rem;color:var(--text-2)}.runtime-log-card.info{border-color:#5ec7c429}.runtime-log-card.warn{border-color:#dcaa4633;background:linear-gradient(180deg,#dcaa4614,#ffffff9e)}.runtime-log-card.error{border-color:#f078782e;background:linear-gradient(180deg,#f0787814,#ffffff9e)}.runtime-log-message{margin-top:.45rem;line-height:1.6;color:var(--text-0)}.runtime-detail-list{margin:0;display:grid;gap:.7rem}.runtime-detail-row{display:grid;grid-template-columns:minmax(0,11rem) minmax(0,1fr);gap:.58rem;align-items:start;padding:.62rem .7rem;border-radius:12px;background:#fff7f0c7}.runtime-detail-row dt{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-2)}.runtime-detail-row dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:var(--text-0)}@keyframes chat-pulse{0%,to{opacity:.35;transform:scale(.88)}50%{opacity:1;transform:scale(1)}}@media(max-width:1320px){.hero-metrics,.hero-panel.collapsed .hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.status-bar{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:960px){.call-app-header,.call-app-controls,.call-app-thread-header{flex-direction:column;align-items:flex-start}.call-app-grid{grid-template-columns:1fr}.call-app-stage-frame,.call-app-stage-image{min-height:18rem}.hero-panel,.status-bar{grid-template-columns:1fr}.hero-metrics,.runtime-overview-grid,.runtime-meta-grid,.hero-panel.collapsed .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-column,.workspace-column-runtime{min-height:0;height:100%}.workspace-column-side{height:100%}.resize-handle.horizontal{width:100%;height:.75rem;cursor:row-resize}.resize-handle.horizontal:before{width:calc(100% - .9rem);height:.26rem}}@media(max-width:640px){.call-app-shell,.call-app-header,.call-app-controls,.call-app-stage-frame,.call-app-thread{border-radius:18px}.call-app-shell{padding:.58rem}.call-app-control{width:100%;justify-content:center}.call-app-stage-frame,.call-app-stage-image{min-height:14rem}body:before,body:after{display:none}.app-shell{padding:.58rem;gap:.58rem}.hero-panel,.status-bar,.panel{border-radius:18px}.hero-copy h1{max-width:100%;font-size:1.65rem}.hero-panel.collapsed .hero-metrics{grid-template-columns:1fr}.status-bar-heading,.panel-header,.runtime-card-header,.chat-meta,.chat-composer-footer,.mode-segmented{flex-direction:column;align-items:flex-start}.chat-message{width:100%}.runtime-detail-row{grid-template-columns:1fr}.chat-input button,.media-debug-controls button{width:100%}.media-offline-replay-header,.media-offline-replay-actions{grid-template-columns:1fr;flex-direction:column}}