:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#282a29;background:#f5f4f0;font-synthesis:none;font-weight:400;--accent: #e96b45;--ink: #262a28;--muted: #858780;--border: #e6e7e0;--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace}*{box-sizing:border-box}body{margin:0}.app-recovery{max-width:560px;margin:14vh auto;padding:32px}.app-recovery h1{margin-bottom:14px}.app-recovery>p:not(.eyebrow){color:var(--muted);line-height:1.7;margin-bottom:24px}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button{border:0;background:none;color:inherit}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #e9a48c;outline-offset:3px}a{color:inherit;text-decoration:none}input,select,textarea{color:var(--ink)}input,select{width:100%;height:43px;border:1px solid #dedfd7;border-radius:7px;padding:0 12px;background:#fff;min-width:0;font-size:13px}select{padding-right:27px;text-overflow:ellipsis}textarea{resize:vertical;width:100%;border:0;background:transparent;outline:none;font-size:15px;line-height:1.8;min-height:145px;padding:18px}p{margin:0}h1,h2,h3{font-family:Inter,ui-sans-serif,system-ui,sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:219px;background:#232927;color:#e5e8e2;position:fixed;inset:0 auto 0 0;padding:34px 19px 24px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:11px;padding-left:9px;font-size:26px;font-weight:700;letter-spacing:-1px;margin-bottom:54px;line-height:1.05}.brand-mark{width:40px;height:40px;background:var(--accent);border-radius:11px;display:grid;place-items:center;color:#fff;flex-shrink:0}.brand span{display:block;font-family:var(--mono);font-size:8px;letter-spacing:2.1px;color:#a3aaa4;margin-top:8px;font-weight:400}.side-section{font:9px var(--mono);letter-spacing:1.4px;color:#849089;padding-left:14px;margin:0 0 15px}.side-link{display:flex;align-items:center;width:100%;gap:12px;color:#a5afa8;font-size:13px;text-align:left;padding:13px 14px;border-radius:7px;margin:2px 0;transition:.15s}.side-link span{flex:1}.side-link>svg:last-child:not(:first-child){opacity:0}.side-link:hover{background:#303833;color:#fff}.side-link.selected{color:#f7f4e9;background:#3b433b}.side-link.selected>svg:last-child{opacity:1}.side-divider{border-top:1px solid #394039;margin:28px 12px}.sidebar-bottom{margin-top:auto;padding:34px 12px 0}.local-badge{font:9px var(--mono);letter-spacing:.8px;display:flex;align-items:center;gap:7px;color:#a9b7a6}.dot{display:inline-block;width:6px;height:6px;background:#abb0a7;border-radius:50%;flex-shrink:0}.dot.green{background:#8cad72;box-shadow:0 0 0 3px #8cad7214}.sidebar-bottom p{font-family:Manrope,sans-serif;font-size:19px;line-height:1.65;color:#b6c0b7;letter-spacing:-.4px;margin-top:23px}.version{font:8px var(--mono);letter-spacing:.8px;color:#748078;display:block;margin-top:42px}.workspace{margin-left:219px;flex:1;min-width:0}.topbar{height:78px;padding:0 39px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:#f9f8f5;gap:20px}.breadcrumb{display:flex;align-items:center;gap:12px;font-size:12px;color:#92958d}.breadcrumb strong{font-weight:500;color:#555a53}.top-actions{display:flex;align-items:center;gap:22px}.status-pill{display:flex;gap:8px;align-items:center;color:#777c72;font-size:11px}.key-button{display:flex;gap:7px;align-items:center;font-size:11px;border:1px solid #dddfd7;padding:9px 12px;border-radius:7px;background:#fff}main{padding:37px 39px 0;max-width:1560px;margin:auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.eyebrow{font-family:var(--mono);letter-spacing:1.7px;font-size:9px;color:#9b795e;margin-bottom:11px}h1{font-size:33px;letter-spacing:-1.4px;font-weight:650;margin:0 0 9px;line-height:1.2}.page-heading p{font-size:13px;color:#85877f}.secondary,.primary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;border-radius:7px;font-size:12px;font-weight:600;transition:.15s;white-space:nowrap}.secondary{border:1px solid #dfe1d7;background:#fff}.secondary:hover{background:#eeefe8}.primary{background:var(--accent);color:#fff;box-shadow:0 2px 3px #c85b2c12}.primary:hover{background:#d95c36;transform:translateY(-1px)}.danger{color:#a14635;background:#fce9e1;border:1px solid #edc6b6}.small{font-size:11px;padding:10px 13px}.route-strip{display:flex;align-items:center;gap:12px;border:1px solid #e1e4d8;background:#f0f2e9;border-radius:7px;padding:13px 15px;font-size:10px;color:#8b947f;margin-bottom:25px}.route-node{display:flex;align-items:center;gap:7px;color:#6a755f;font-family:var(--mono);font-size:10px}.route-detail{margin-left:auto;font-size:10px;color:#949a8a}.tabs{display:flex;gap:5px;border-bottom:1px solid var(--border);margin-bottom:23px}.tabs button{display:flex;align-items:center;gap:8px;padding:4px 14px 14px;font-size:12px;color:#858b81;position:relative;white-space:nowrap}.tabs button:first-child{padding-left:0;padding-right:20px}.tabs button.current{color:#333c32;font-weight:600}.tabs button.current:after{content:"";position:absolute;bottom:-1px;height:2px;background:var(--accent);left:0;right:0}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 261px;gap:23px;align-items:start}.workbench{min-width:0;display:flex;flex-direction:column;gap:19px}.panel{border:1px solid var(--border);background:#fff;border-radius:10px;box-shadow:0 3px 4px #3c432405;overflow:hidden}.setup-panel{padding:21px 23px}.panel-label{display:flex;align-items:center;gap:8px;font-family:var(--mono);font-size:9px;letter-spacing:1px;color:#757d70;margin-bottom:20px}.panel-label>span{font-family:DM Sans,sans-serif;letter-spacing:0;font-size:10px;color:#a1a69b;margin-left:auto}.panel-label>button{margin-left:auto;color:#919788;display:flex}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field>span{display:flex;align-items:center;font-size:9px;font-weight:600;color:#7b8375;letter-spacing:.8px;gap:8px}.field-count{font-size:9px;font-weight:400;letter-spacing:0;color:#a1a79b;margin-left:auto}.parameter-row{display:flex;gap:15px;margin-top:17px}.parameter-row>.field{flex:1}.optional{color:#a9afa3;font-size:9px;letter-spacing:0;font-weight:400}.pipeline-selects{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.pipeline-selects .field-count{display:none}.pipeline-selects select{font-size:11px}.step-label{display:flex;align-items:center;gap:8px;font-size:11px;color:#757e6e;margin-bottom:16px}.step-label b{font:9px var(--mono);color:#b29877;padding:4px;border:1px solid #ede7dc;border-radius:4px}.test-panel{padding:25px 23px}.test-heading{display:flex;align-items:center;gap:13px;margin-bottom:24px}.mini-icon{border:1px solid #e9e5dd;background:#fbf8f3;display:grid;place-items:center;color:#af9778;width:43px;height:43px;border-radius:11px;flex-shrink:0}h2{font-size:16px;font-weight:650;margin:0 0 6px;letter-spacing:-.3px}.test-heading p{font-size:11px;line-height:1.65;color:#92988a}.textarea-wrap{border:1px solid #e4e5df;border-radius:8px;background:#fcfcfa}.textarea-footer{padding:9px 16px 13px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#a4aa9c}.textarea-footer>span:last-child{font-family:var(--mono);white-space:nowrap}.action-row{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px}.hint{font:9px var(--mono);color:#9aa18f}.audio-result{margin-top:25px;border-top:1px solid #eceee5;padding-top:19px}.result-caption{display:flex;align-items:center;justify-content:space-between;font:9px var(--mono);letter-spacing:.7px;color:#8d9681}.result-caption>span,.result-caption>a{display:flex;gap:7px;align-items:center}.result-caption>a{letter-spacing:0;color:#929d83;padding:5px;border:1px solid #e6eadd;border-radius:4px}.signal{height:98px;display:flex;justify-content:center;align-items:center;gap:4px;overflow:hidden}.signal span{display:block;width:3px;min-width:3px;background:#e1e6d9;border-radius:3px;transition:height .08s}.signal.active span{background:#e99773}.has-audio .signal span{background:#c4d2b5}.has-audio .signal.active span{background:#e99773}.empty-caption{text-align:center;font-family:Manrope,sans-serif;color:#8b947c;font-size:13px;padding-bottom:15px}.empty-caption>span{display:block;font-family:DM Sans,sans-serif;font-size:10px;color:#a6ad9c;margin-top:8px}.audio-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.round-button{display:grid;place-items:center;width:39px;height:39px;background:#eef2e7;border:1px solid #e0e7d7;color:#6f835c;border-radius:50%}.audio-controls strong{display:block;font-size:11px;font-weight:500}.audio-controls>div>span{font-size:9px;color:#969e8b;display:block;margin-top:4px}.audio-controls audio{height:32px;flex:1;min-width:170px;max-width:100%;opacity:.8}.inspector{display:flex;flex-direction:column;gap:19px}.metrics-panel{padding:21px 21px 16px}.metric{padding:16px 0;border-bottom:1px solid #eeefe9}.metric>span{display:block;font-size:11px;color:#8d9682}.metric>strong{display:flex;align-items:baseline;gap:8px;font:27px Manrope,sans-serif;letter-spacing:-.8px;margin-top:7px;font-weight:500}.metric small{font:10px var(--mono);color:#a2aa95;letter-spacing:0}.route-metric>strong{display:block;font-size:18px;letter-spacing:-.35px;line-height:1.25}.route-metric>strong b{display:block;font:inherit;font-weight:600;overflow-wrap:anywhere}.route-metric>strong small{display:block;margin-top:4px;font-size:10px;line-height:1.45;overflow-wrap:anywhere}.metric-note{font-size:9px;line-height:1.8;color:#a6af9a;margin-top:15px}.request-panel{padding-top:19px}.request-panel .panel-label{padding:0 18px;margin-bottom:17px}.request-method{font:9px var(--mono);padding:0 15px 14px;color:#9ca78f;overflow-wrap:anywhere;line-height:1.8}.request-method>span{color:#8d9b78;background:#f1f5eb;padding:3px 4px;border-radius:3px;margin-right:7px;font-size:8px}.request-panel pre{font:10px/1.9 var(--mono);color:#8a947d;margin:0;background:#fafbf7;padding:15px 16px;white-space:pre-wrap;overflow-wrap:anywhere;max-height:320px;overflow:auto;border-top:1px solid #ecefe4}.tip{display:flex;gap:11px;padding:2px 6px;color:#a0a88f}.tip>svg{flex-shrink:0;margin-top:3px}.tip strong{font-size:11px;color:#899576;font-weight:500}.tip p{font-size:10px;line-height:1.9;color:#a0a98f;margin-top:5px}footer{display:flex;justify-content:space-between;padding:24px 0;margin-top:15px;gap:20px;color:#a1a895;font-size:9px}footer>span:first-child{display:flex;gap:8px;align-items:center}.footer-dot{padding:0 7px}.recording-zone,.conversation-stage{text-align:center;border:1px dashed #e0e5d8;border-radius:8px;padding:24px 16px;background:linear-gradient(180deg,#fcfdf9,#fff)}.recording-zone .signal{height:70px}.recording-zone h3,.conversation-stage h3{font-size:18px;letter-spacing:-.6px;font-weight:500;margin:6px 0 11px}.recording-zone p,.conversation-stage p{font-size:11px;color:#9aa38c;line-height:1.6}.center-actions{display:flex;justify-content:center;gap:10px;margin-top:24px;flex-wrap:wrap}.stt-mode{display:inline-flex;margin:0 auto 13px;padding:3px;border:1px solid #e4e8dc;border-radius:6px;background:#f7f8f3}.stt-mode button{border:0;background:transparent;color:#8a957c;padding:6px 12px;border-radius:4px;font:10px var(--mono)}.stt-mode button.current{background:#fff;color:#35402e;box-shadow:0 1px 3px #b7beaa55}.upload{cursor:pointer}.upload input{display:none}.disabled{opacity:.5;pointer-events:none}.recording{border-color:#ecbaab;background:#fff9f5}.text-output{margin-top:23px;background:#f8faf4;border:1px solid #e8eddf;border-radius:7px;padding:18px;min-height:120px}.text-output p{font-size:14px;line-height:1.8;white-space:pre-wrap;margin-top:18px}.text-output p.placeholder{color:#a2ab96;font-size:11px}.live-state{display:flex;align-items:center;justify-content:center;gap:8px;font:9px var(--mono);letter-spacing:1px;color:#8f9a81}.call-clock{margin-left:8px;letter-spacing:0}.conversation-stage .signal{height:90px}.conversation-stage>.primary,.conversation-stage>.danger{margin-top:23px}.conversation-stage .text-button{display:block;margin:13px auto 0}.conversation-stage .secondary{margin:12px auto 0}.is-live{border-style:solid;border-color:#d9e3c8}.instructions{margin-top:18px;border:1px solid #e7ebdf;border-radius:6px;font-size:11px;color:#8a957c}.instructions summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:13px}.instructions textarea{min-height:100px;font-size:12px;padding:13px;border-top:1px solid #e7ebdf}.transcript-head{display:flex;justify-content:space-between;align-items:center;font:9px var(--mono);letter-spacing:.8px;color:#929d83;margin:21px 0 12px}.text-button{display:inline-flex;gap:5px;align-items:center;font-size:10px;color:#939e85;font-family:DM Sans,sans-serif;letter-spacing:0}.transcript{height:220px;overflow:auto;border-top:1px solid #eef0e7;padding-top:12px}.empty-transcript{text-align:center;color:#bbc3af;padding:43px 8px}.empty-transcript p{font-size:12px;margin:10px 0 8px;color:#9ba78c}.empty-transcript span{font-size:10px}.message{padding:12px 14px;background:#f6f8f1;border-radius:7px;margin-bottom:10px;max-width:92%}.message.user{margin-left:auto;background:#fbf0e9}.message>span{font:8px var(--mono);letter-spacing:1px;color:#93a17e}.message.user>span{color:#ba917a}.message p{font-size:13px;line-height:1.7;margin-top:6px}.interim{opacity:.7}.error-banner{display:flex;gap:12px;align-items:flex-start;border:1px solid #efc9b9;background:#fff0e9;color:#9c503b;padding:14px 17px;border-radius:8px;margin-bottom:20px;font-size:11px}.error-banner>svg{flex-shrink:0}.error-banner>div{flex:1;min-width:0}.error-banner p{font-size:11px;line-height:1.7;margin-top:5px;overflow-wrap:anywhere}.error-banner strong{font-weight:600}.error-dot{display:block;width:5px;height:5px;background:#e9956e;border-radius:50%}.modal-backdrop{position:fixed;inset:0;background:#1e282586;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:100;display:grid;place-items:center;padding:20px;overflow:auto}.settings-modal{width:440px;max-width:100%;padding:30px;background:#fcfcf8;border:1px solid #e2e6d7;border-radius:15px;box-shadow:0 30px 100px #0002}.modal-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px}.settings-modal .eyebrow{font-size:8px}.settings-modal h2{font-size:26px;letter-spacing:-1px;margin-bottom:13px}.settings-modal>p{font-size:12px;line-height:1.8;color:#939d86;margin-bottom:26px}.settings-modal>.field{margin-bottom:18px}.remember-key{display:flex;align-items:center;gap:9px;color:#788270;font-size:12px;margin:2px 0 18px;cursor:pointer}.remember-key input{width:16px;height:16px;margin:0;accent-color:var(--accent)}.settings-modal details{border-top:1px solid #e6ebdd;margin-top:24px;padding-top:15px}.settings-modal summary{display:flex;justify-content:space-between;align-items:center;color:#919c82;font-size:11px;cursor:pointer;padding-bottom:15px}.settings-note{font-size:10px;line-height:1.8;color:#9aa68a;margin:12px 0}.wide{width:100%;justify-content:space-between;margin-top:17px;padding:13px 17px}.modal-footnote{display:flex;align-items:center;justify-content:center;gap:7px;font-size:9px;color:#a5b194;margin-top:23px}.forget{margin:15px auto 0;display:block}.logs-drawer{position:fixed;z-index:50;bottom:0;left:219px;right:0;height:44vh;min-height:240px;background:#202722;color:#c7d1bf;box-shadow:0 -8px 40px #0002;border-top:1px solid #4a5443;display:flex;flex-direction:column}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:18px 25px;border-bottom:1px solid #3b4536}.drawer-header>div{display:flex;align-items:center;gap:12px}.drawer-header strong{font-size:12px;font-weight:500}.drawer-header span{font-size:10px;color:#818f75}.logs-content{overflow:auto;padding:17px 24px;display:grid;grid-template-columns:1fr 1fr;gap:25px}.logs-content h3{font:9px var(--mono);letter-spacing:1px;color:#80916f;margin:0 0 15px}.logs-content p{font-size:11px;color:#80916f}.log-line{font:10px/1.7 var(--mono);display:flex;gap:8px;border-bottom:1px solid #333f2d;padding:7px 0;overflow-wrap:anywhere;white-space:pre-wrap;min-width:0}.log-line time{color:#6b7d5a;flex-shrink:0}.log-line b{font-weight:400;color:#9ca98d;min-width:44px}.log-line>span{min-width:0}.log-error{color:#ee9d82}.spin{animation:spin 1.3s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1550px){main{padding-top:46px}.lab-grid{grid-template-columns:minmax(0,1fr) 290px}.test-panel{padding:28px}.test-heading p{font-size:12px}.textarea-wrap textarea{min-height:180px}}@media(max-width:1200px){.sidebar{width:188px}.workspace{margin-left:188px}.logs-drawer{left:188px}.topbar{padding:0 25px}main{padding:30px 25px 0}.lab-grid{grid-template-columns:minmax(0,1fr) 225px;gap:17px}.setup-panel,.test-panel{padding:19px}.panel-label>span{display:none}.route-detail{font-size:9px}.pipeline-selects{grid-template-columns:1fr;gap:14px}.pipeline-selects>div{display:grid;grid-template-columns:75px 1fr;align-items:center}.step-label{margin:0}.pipeline-selects .field>span{display:none}.pipeline-selects select{font-size:12px}.status-pill{font-size:10px}.top-actions{gap:12px}h1{font-size:29px}}@media(max-width:980px){.lab-grid{grid-template-columns:1fr}.inspector{display:grid;grid-template-columns:1fr 1fr}.tip{grid-column:1/-1}.route-detail{display:none}.sidebar{width:172px;padding:28px 12px}.workspace{margin-left:172px}.logs-drawer{left:172px}.brand{font-size:23px}.sidebar-bottom p{font-size:17px}.parameter-row{flex-wrap:wrap}.parameter-row>.field{min-width:140px}.page-heading{align-items:flex-start}.page-heading>.secondary{font-size:0;width:33px;height:33px;padding:8px}.page-heading>.secondary>svg{min-width:14px}.status-pill{display:none}.logs-content{grid-template-columns:1fr}.request-panel pre{max-height:230px}}@media(max-width:640px){.sidebar{position:static;width:auto;height:65px;padding:10px 15px;flex-direction:row;align-items:center;gap:8px;border-bottom:1px solid #394135}.app-shell{display:block}.brand{margin:0 auto 0 0;padding:0;font-size:21px;gap:8px}.brand-mark{width:32px;height:32px;border-radius:9px}.brand span,.sidebar .side-section,.side-divider,.sidebar-bottom{display:none}.side-link{width:auto;padding:10px;gap:6px;font-size:10px;margin:0}.side-link>svg:last-child:not(:first-child){display:none}.sidebar .side-link:nth-last-of-type(1),.sidebar .side-link:nth-last-of-type(2){display:none}.workspace{margin:0}.topbar{height:56px;padding:0 18px}.key-button{font-size:10px;padding:7px 9px}.breadcrumb{font-size:10px;gap:6px}main{padding:26px 17px 0}h1{font-size:28px}.page-heading p{font-size:11px;line-height:1.6}.eyebrow{font-size:8px;letter-spacing:1.2px}.route-strip{padding:11px;gap:8px}.route-node{font-size:8px}.tabs{overflow:auto;gap:0}.tabs button{font-size:10px;padding:6px 11px 13px;gap:5px}.tabs button:first-child{padding-right:11px}.tabs button svg{width:13px}.inspector{grid-template-columns:1fr 1fr;gap:12px}.metrics-panel{padding:16px}.metric strong{font-size:22px}.request-panel .panel-label{padding:0 11px;font-size:8px}.request-panel pre{padding:12px;font-size:9px}.request-method{font-size:8px;padding:0 11px 10px}.test-heading{gap:10px}.test-heading h2{font-size:15px}.test-heading p{font-size:10px}.mini-icon{width:36px;height:36px}.test-panel,.setup-panel{padding:17px}.textarea-footer span:first-child{max-width:180px;line-height:1.5}.action-row .hint{font-size:8px}.primary,.secondary,.danger{font-size:11px;padding:12px 13px}.signal{gap:3px}.parameter-row{gap:12px}.parameter-row>.field{min-width:100px}.parameter-row input,.parameter-row select{font-size:11px}.audio-controls audio{min-width:100%;width:100%}footer{font-size:8px;line-height:1.5;align-items:center}footer>span:last-child{text-align:right}.logs-drawer{left:0;height:55vh}.settings-modal{padding:25px}.live-state{font-size:8px}.conversation-stage h3{font-size:16px}.conversation-stage p{font-size:10px}.recording-zone h3{font-size:16px}.test-panel .result-caption{font-size:8px}}.inspector,.inspector>*{min-width:0}@media(max-width:640px){.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px}.tabs button,.tabs button:first-child{padding:9px 10px;justify-content:center;min-width:0}.tabs button.current{background:#eceee6;border-radius:5px}}