:root{font-family:Inter,Microsoft YaHei,system-ui,sans-serif;color:#172033;background:#eef3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow:hidden}button,input{font:inherit}.shell{width:min(1480px,calc(100% - 32px));height:100vh;margin:0 auto;padding:18px 0;display:flex;flex-direction:column}header{display:grid;grid-template-columns:auto 1fr;align-items:end;gap:6px 22px;margin-bottom:14px}.eyebrow{grid-column:1 / -1;margin:0;color:#196d64;font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}h1{margin:0;font-size:clamp(1.65rem,3vw,2.45rem);letter-spacing:-.04em;line-height:1}.lede{margin:0;color:#5b6678;font-size:.84rem;line-height:1.45}.workspace{min-height:0;flex:1;display:grid;grid-template-columns:minmax(0,2.25fr) minmax(300px,.9fr);gap:14px}.left-column{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);gap:14px}.top-grid{display:grid;grid-template-columns:minmax(420px,1.15fr) minmax(340px,.85fr);gap:14px}.card{min-width:0;margin:0;padding:16px;border:1px solid #d9e1ea;border-radius:18px;background:#fffffff5;box-shadow:0 14px 40px #2c3e5614}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px}h2{margin:0 0 12px;font-size:1rem}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px}label{display:grid;gap:7px;color:#455166;font-size:.9rem;font-weight:650}input{width:100%;padding:9px 11px;border:1px solid #cbd5e1;border-radius:10px;color:#172033;background:#fff;outline:none}input:focus{border-color:#178278;box-shadow:0 0 0 3px #17827821}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}button{min-height:36px;padding:7px 12px;border:1px solid #cbd5e1;border-radius:10px;color:#253148;background:#fff;cursor:pointer}button:hover:not(:disabled){border-color:#74849a}button:disabled{cursor:not-allowed;opacity:.45}button.primary{border-color:#13736a;color:#fff;background:#13736a}button.danger{border-color:#b43b45;color:#a02631}button.small{min-height:32px;padding:5px 10px;font-size:.85rem}.status,.call-state{padding:5px 10px;border-radius:999px;background:#edf1f5;font-size:.82rem}.status[data-state=working]{color:#8a5a00;background:#fff4cf}.status[data-state=success]{color:#0b675f;background:#d9f5ef}.call-actions{display:grid;grid-template-columns:repeat(3,1fr)}.dtmf{display:grid;grid-template-columns:auto 1fr;align-items:start;gap:10px;margin-top:12px;color:#5b6678;font-size:.78rem}#dtmf-buttons{display:grid;grid-template-columns:repeat(6,minmax(32px,1fr));gap:5px;margin:0}#dtmf-buttons button{min-height:30px;padding:4px}.diagnostics{min-height:0;overflow:auto}.diagnostics-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.diagnostic-block{padding:13px;border:1px solid #d9e1ea;border-radius:12px;background:#f8fafc}.diagnostic-heading{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#243148}.meter{height:12px;overflow:hidden;border-radius:999px;background:#dbe4ec}.meter span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#178278,#72b92d,#e8a119);transition:width 80ms linear}.diagnostic-block dl{display:grid;gap:9px;margin:14px 0 0}.diagnostic-block dl div{display:grid;grid-template-columns:82px minmax(0,1fr);gap:8px}.diagnostic-block dt{color:#68758a;font-size:.8rem}.diagnostic-block dd{min-width:0;margin:0;overflow-wrap:anywhere;color:#253148;font:12px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace}.diagnostic-help{margin:14px 0 0;color:#68758a;font-size:.82rem}.logs{min-height:0;display:flex;flex-direction:column}.logs pre{min-height:0;flex:1;margin:0;padding:16px;overflow:auto;border-radius:12px;color:#d8f7ef;background:#12231f;font:13px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap}@media (max-width: 1080px){body{overflow:auto}.shell{width:min(100% - 20px,900px);height:auto;min-height:100vh;padding:20px 0 36px}header{grid-template-columns:1fr;align-items:start}.workspace{grid-template-columns:1fr}.left-column{grid-template-rows:auto}.top-grid{grid-template-columns:1fr}.logs pre{min-height:220px;max-height:360px}}@media (max-width: 680px){.card{padding:18px}.grid,.diagnostics-grid{grid-template-columns:1fr}#dtmf-buttons{grid-template-columns:repeat(3,1fr)}}