:root{font-family:Segoe UI,Microsoft YaHei,sans-serif;color:#263b49;background:#f5f3ee;font-synthesis:none}*{box-sizing:border-box}body{margin:0}main{max-width:1200px;padding:48px 40px 24px;margin:auto}header{margin-bottom:30px}.wordmark{font-size:12px;letter-spacing:.15em;color:#647781}h1{font-size:clamp(30px,4vw,44px);line-height:1.3;font-weight:600;margin:10px 0 12px}header p,.note,footer,.section-title span{color:#647781}header p{margin:0;font-size:14px}.separator{margin:0 12px}.setup{display:flex;flex-wrap:wrap;align-items:center;gap:22px;padding:24px 0;border-top:1px solid #cfd4d2;border-bottom:1px solid #cfd4d2}.field{display:grid;gap:8px;min-width:190px}.agent-field{flex:1;min-width:240px}.provider-field{min-width:230px}.voice-field{min-width:190px}label,output{font-size:13px}output{float:right;color:#647781}button,select,input{font:inherit}button{color:#fff;border:1px solid #315467;background:#315467;border-radius:4px;padding:10px 16px;cursor:pointer;font-size:14px}button:hover{background:#244251}button:disabled{opacity:.4;cursor:default}button.secondary{background:transparent;color:#315467;border-color:#b9c2c4}button.secondary:hover{background:#e9edeb}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #477da0;outline-offset:3px}select{width:100%;min-width:0;background:#fffefb;color:#263b49;border:1px solid #b9c2c4;border-radius:4px;padding:9px;font-size:14px}.select-row,.controls{display:flex;gap:8px}.select-row select{flex:1}.check{display:flex;align-items:center;gap:6px;padding-top:20px}input[type=range],input[type=checkbox]{accent-color:#315467}.controls{flex-basis:100%}#agent-availability{flex-basis:100%;order:1;margin:0}#error{background:#fff5ef;border:1px solid #d1b4a4;padding:12px 16px;color:#853b25;font-size:14px;line-height:1.6}.status{display:flex;flex-wrap:wrap;gap:10px 24px;font-size:12px;padding:18px 0;color:#647781}.status b{color:#263b49;font-weight:500;margin-left:8px}#connection{color:#315467}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 290px;border:1px solid #cfd4d2;background:#fffefb;min-height:440px}.conversation{padding:24px 28px;min-width:0}.section-title{display:flex;align-items:baseline;justify-content:space-between;gap:10px}h2{font-weight:600;font-size:15px;margin:0 0 20px}.section-title span{font-size:11px;overflow-wrap:anywhere}#transcripts{height:410px;overflow-y:auto;padding-right:10px}#empty{padding:76px 0;text-align:center;color:#647781}#empty p{font-size:18px;color:#263b49}#empty small{font-size:13px;line-height:1.9}.utterance{padding:14px 0;border-bottom:1px solid #ecece7}.speaker{font-size:11px;color:#647781}.utterance p{margin:6px 0;font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.utterance.user p{color:#647781}.utterance small{font-size:11px;color:#8d7364}.utterance.interrupted p{color:#8c9699}aside{border-left:1px solid #cfd4d2;padding:24px}dl{margin:0}dl>div{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;gap:8px}dt{font-size:12px;color:#647781}dd{font-size:18px;margin:0;font-variant-numeric:tabular-nums}.note,.metric-empty{font-size:11px;line-height:1.8}.interrupt-stats,.events{margin-top:30px}#interrupt-summary dd{font-size:15px}#interrupt-records{margin:8px 0 0;padding:0;list-style:none;max-height:130px;overflow-y:auto}#interrupt-records li{padding:7px 0;border-bottom:1px solid #ecece7;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums}#interrupt-records li.failed{color:#853b25}#interrupt-records .interrupt-empty{color:#647781;border-bottom:0}.text-button{background:transparent;color:#315467;border:0;padding:0;font-size:11px}.text-button:hover{background:transparent;text-decoration:underline}#events{margin:0;padding:0;list-style:none;max-height:160px;overflow:auto}#events li{padding:7px 0;font-size:11px;line-height:1.6;border-bottom:1px solid #ecece7;overflow-wrap:anywhere}footer{margin-top:22px;font-size:11px;line-height:1.8}footer p{margin:5px 0 0}@media(max-width:800px){main{padding:28px 20px}.workspace{grid-template-columns:1fr}aside{border-left:0;border-top:1px solid #cfd4d2}.conversation{padding:20px}.check{padding-top:0}}@media(max-width:480px){.field{width:100%}.controls{flex-wrap:wrap}.controls button{flex:1;white-space:nowrap}#transcripts{height:340px}}