:root{--ink:#1e302c;--muted:#73817a;--line:#e3e8df;--paper:#f5f6f0;--white:#fff;--green:#235c43;--soft:#edf4eb;--orange:#a96b32;--red:#a0443f;--shadow:0 8px 30px #24392c05;font-family:Inter,"Noto Sans SC","PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:default;opacity:.55}a{color:inherit;text-decoration:none}button,input,select,a{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #98bfa4;outline-offset:3px}input:focus,select:focus{outline:2px solid #b9cfbd;outline-offset:1px}input,select{min-width:0;border:1px solid var(--line);border-radius:8px;background:white;color:var(--ink);padding:10px 12px}input::placeholder{color:#929b96}.topbar{max-width:1440px;margin:auto;padding:25px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:30px;font-weight:650;letter-spacing:-1.5px}.brand-mark{font-weight:400;color:var(--green);font-size:37px;line-height:1}.brand-label{margin-left:8px;font-size:10px;letter-spacing:2px;font-weight:600;color:var(--muted);border-left:1px solid #cfd9cf;padding-left:18px}.topbar-actions{display:flex;align-items:center;gap:12px}.connection{font-size:12px;display:flex;align-items:center;gap:7px;color:var(--muted)}.dot{height:6px;width:6px;border-radius:50%;background:#a3ada5;display:inline-block}.connection.live .dot{background:#4f8964;box-shadow:0 0 0 4px #4f896412}.connection.error .dot{background:var(--red)}.button{border:1px solid transparent;padding:9px 14px;border-radius:8px;font-size:12px;font-weight:600;white-space:nowrap;transition:background .15s}.button.secondary{background:#fff;border-color:var(--line);color:var(--ink)}.button.secondary:hover{background:#f4f8f1}.button.primary{background:var(--green);color:#fff;padding:12px 18px}.button.primary:hover{background:#194c36}.button.subtle{color:var(--muted);background:transparent;padding-left:5px;padding-right:5px}main{max-width:1320px;padding:0 28px;margin:auto}.intro{padding:48px 0 32px;display:flex;align-items:center;justify-content:space-between;gap:24px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.7px;color:var(--green);margin:0 0 11px}h1{font-size:32px;font-weight:550;letter-spacing:-1px;line-height:1.5;margin:0}.intro-copy{color:var(--muted);font-size:13px;line-height:1.9;margin:12px 0 0}.intro-note{display:flex;gap:12px;align-items:center;flex-shrink:0;margin-top:15px}.note-line{height:38px;width:2px;background:#acc4a3}.intro-note p{font-size:13px;font-weight:500;line-height:1.7;margin:0}.intro-note span:not(.note-line){display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:2px}.notice{font-size:12px;line-height:1.8;color:#5b715e;border:1px solid #dce6d6;background:#edf2e8;border-radius:8px;padding:11px 15px;margin-bottom:24px}.notice.error{color:var(--red);border-color:#ead6cd;background:#f9eee7}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0 0 27px}.metric{background:#fff;border:1px solid var(--line);border-radius:10px;padding:19px 23px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow)}.metric-label{font-size:12px;color:#63736a}.metric strong{font-size:31px;font-weight:550;letter-spacing:-1px;line-height:1.3}.metric-caption{font-size:10px;color:#98a298}.workspace{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(300px,1fr);align-items:start;gap:20px}.panel{background:#fff;border:1px solid var(--line);border-radius:11px;box-shadow:var(--shadow);overflow:hidden}.panel-header{padding:21px 22px 18px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-bottom:1px solid #edf0e9;min-height:89px}.panel-header .eyebrow{margin-bottom:7px;font-size:9px;letter-spacing:1.4px;color:#8b9c8e}h2{font-weight:550;font-size:16px;margin:0;line-height:1.4}.count{font-size:10px;color:var(--green);background:var(--soft);border:1px solid #e0ebdc;border-radius:5px;padding:2px 6px;margin-left:5px;vertical-align:middle}.small-tag{font-size:10px;padding:5px 8px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.filters{display:flex;padding:13px 19px;gap:9px;border-bottom:1px solid #edf0e9}.filters input{flex:1;font-size:11px;padding:9px 11px}.filters select{max-width:48%;font-size:11px;padding:9px}.messages{min-height:330px;max-height:640px;overflow:auto;padding:7px 0}.message-card{display:block;width:100%;border:0;background:#fff;text-align:left;padding:17px 22px;border-bottom:1px solid #f0f2ed;cursor:pointer;position:relative}.message-card:last-child{border-bottom:0}.message-card:hover{background:#fafcf8}.message-card.selected{background:#f0f5ec;box-shadow:inset 3px 0 var(--green)}.message-header{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.avatar{width:24px;height:24px;border:1px solid #dce6d7;border-radius:7px;background:#edf3e9;color:#58734f;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:650;flex-shrink:0}.message-sender{font-weight:600;font-size:12px}.host-label{font-size:9px;padding:2px 5px;color:#879286;background:#f4f6f0;border:1px solid #e5eae0;border-radius:4px}.message-time{font-size:10px;color:#99a197;margin-left:auto}.message-text{font-size:12px;line-height:1.95;margin:10px 0 9px;white-space:pre-wrap;word-break:break-word;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;color:#415146}.message-meta{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:9px;color:#93a08f}.message-meta code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:9px}.reply-label{color:#6b8862}.panel-footer{font-size:10px;color:#97a092;border-top:1px solid #edf0e9;padding:12px 20px;display:flex;justify-content:space-between;gap:10px}.detail-panel{position:sticky;top:15px}.detail-placeholder{padding:56px 34px 65px;text-align:center}.placeholder-mark{font-family:Georgia,serif;color:#8fa285;background:#f2f5ec;border:1px solid #e0e8d8;border-radius:50%;height:50px;width:50px;display:inline-flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:20px}.detail-placeholder h3{font-size:14px;font-weight:550;margin:0 0 12px}.detail-placeholder p{font-size:11px;color:var(--muted);line-height:2;margin:0 auto;max-width:260px}.trace-summary{padding:19px 22px 17px;border-bottom:1px solid #edf0e9}.trace-summary h3{margin:0 0 9px;font-size:13px;font-weight:600}.trace-summary p{font-size:10px;line-height:1.9;color:var(--muted);margin:3px 0;overflow-wrap:anywhere}.trace-summary code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px}.message-original{padding:0 22px 15px;border-bottom:1px solid #edf0e9}.message-original summary{font-size:11px;color:var(--green);cursor:pointer;padding-top:14px}.message-original p{font-size:12px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere;color:#415146;max-height:350px;overflow:auto}.trace-stage{padding:17px 22px;border-bottom:1px solid #edf0e9;display:flex;gap:13px}.stage-icon{height:21px;width:21px;display:flex;align-items:center;justify-content:center;font-size:10px;border-radius:50%;flex-shrink:0;color:#8d998a;background:#f3f5ee;border:1px solid #e5eadf}.stage-icon.complete{color:var(--green);background:#eaf3e6;border-color:#d9e7d1}.stage-content{min-width:0;flex:1}.stage-content h4{font-size:12px;font-weight:550;margin:1px 0 6px}.stage-content p{font-size:10px;line-height:1.9;color:var(--muted);margin:0;overflow-wrap:anywhere}.delivery-item{font-size:10px;margin-top:8px;display:flex;align-items:center;gap:7px;flex-wrap:wrap}.delivery-item .muted{font-size:9px}.trace-note{font-size:10px;line-height:1.9;color:#909c89;padding:15px 22px;margin:0}.badge{display:inline-flex;font-size:9px;line-height:1.5;border-radius:4px;padding:2px 6px;background:#f2f4ef;color:#8a9484;border:1px solid #e6eadf;white-space:nowrap}.badge.good{background:#eaf3e6;color:#4f7842;border-color:#d8e7cf}.badge.waiting{background:#fbf3e6;color:#9f7b3d;border-color:#f0e5cc}.badge.bad{background:#faeeeb;color:#a15a4e;border-color:#f0dcd5}.participants-panel,.audit-panel{margin-top:23px}.participants-panel .panel-header,.audit-panel .panel-header{min-height:85px}.muted{font-size:10px;color:var(--muted)}.participants{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.participant-card{padding:20px 22px;border-right:1px solid #edf0e9;border-bottom:1px solid #edf0e9}.participant-card:nth-child(3n){border-right:0}.participant-heading{display:flex;gap:10px;align-items:center;margin-bottom:12px}.participant-heading h3{margin:0;font-size:12px;font-weight:600;overflow-wrap:anywhere}.participant-heading p{margin:4px 0 0;font-size:9px;color:var(--muted)}.participant-heading .avatar{height:31px;width:31px;font-size:12px}.participant-card .badge{margin-right:5px;margin-top:4px}.participant-id{font-size:9px;color:#99a293;overflow-wrap:anywhere;margin:11px 0 0}.participant-details{font-size:10px;color:var(--muted);line-height:1.8;margin:10px 0 0}.audit{max-height:300px;overflow:auto}.audit-row{display:grid;grid-template-columns:130px 170px minmax(0,1fr);gap:15px;font-size:10px;line-height:1.8;padding:12px 22px;border-bottom:1px solid #f0f2ed}.audit-row:last-child{border:0}.audit-time{color:#99a293}.audit-action{color:#4c6849;font-weight:500;overflow-wrap:anywhere}.audit-detail{color:#77836f;overflow-wrap:anywhere;white-space:pre-wrap}.empty{font-size:12px;color:#9aa393;line-height:1.9;text-align:center;margin:0;padding:65px 20px}.participants>.empty{grid-column:1/-1}.page-footer{display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#a0a795;line-height:1.8;padding:29px 0 34px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}dialog{border:1px solid #dce4d5;border-radius:15px;padding:29px;width:min(420px,calc(100vw - 32px));box-shadow:0 30px 100px #1c342730;color:var(--ink)}dialog::backdrop{background:#24372d45;backdrop-filter:blur(3px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.dialog-heading .eyebrow{margin:0;font-size:9px}.icon-button{border:0;background:transparent;font-size:23px;line-height:1;color:#899981;padding:0 3px}dialog h2{font-size:22px}dialog p{font-size:12px;line-height:1.9;color:var(--muted);margin:15px 0 20px}dialog label{font-size:11px;display:block;margin-bottom:8px}dialog input{width:100%;font-size:13px;padding:12px}dialog .primary{width:100%}dialog .auth-error{font-size:11px;min-height:17px;margin:8px 0;color:var(--red)}dialog .dialog-note{font-size:10px;line-height:1.8;margin:15px 0 0;text-align:center;color:#96a08e}@media(min-width:1440px){.topbar{max-width:none;padding-left:max(48px,calc((100vw - 1264px)/2));padding-right:max(48px,calc((100vw - 1264px)/2))}}@media(max-width:1000px){.topbar{padding:21px 28px}.intro-note{display:none}h1{font-size:28px}.workspace{grid-template-columns:minmax(0,1.2fr) minmax(290px,1fr);gap:15px}.participants{grid-template-columns:repeat(2,minmax(0,1fr))}.participant-card:nth-child(3n){border-right:1px solid #edf0e9}.participant-card:nth-child(2n){border-right:0}.metric{padding:17px}.metric-caption{font-size:9px}.audit-row{grid-template-columns:115px 140px minmax(0,1fr)}}@media(max-width:720px){.topbar{padding:18px 19px}.brand{font-size:27px;gap:8px}.brand-mark{font-size:30px}.brand-label{display:none}.topbar-actions{gap:8px}.connection{font-size:10px}.topbar .button{font-size:10px;padding:7px 10px}main{padding:0 18px}.intro{padding:32px 0 25px}h1{font-size:23px;letter-spacing:-.6px}.intro .eyebrow{font-size:9px}.intro-copy{font-size:11px;margin-top:9px}.notice{font-size:11px;margin-bottom:17px;padding:10px 12px}.metrics{grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:18px}.metric{padding:16px}.metric strong{font-size:28px}.metric-caption{font-size:9px}.workspace{grid-template-columns:1fr;gap:18px}.detail-panel{position:static}.detail-placeholder{padding:30px}.placeholder-mark{height:39px;width:39px;margin-bottom:14px}.panel-header{padding:18px;min-height:80px}.filters{padding:11px 15px}.messages{min-height:210px;max-height:540px}.message-card{padding:16px 18px}.message-time{font-size:9px}.message-text{font-size:12px}.participants{grid-template-columns:1fr}.participant-card{border-right:0!important;padding:18px}.participants-panel .panel-header,.audit-panel .panel-header{align-items:flex-start}.panel-header>.muted{max-width:120px;text-align:right;line-height:1.7}.audit-row{grid-template-columns:1fr 1fr;gap:4px 14px;padding:11px 18px}.audit-time{font-size:9px}.audit-action{text-align:right}.audit-detail{grid-column:1/-1}.page-footer{font-size:9px;flex-direction:column;gap:3px;padding:22px 0}.message-header{gap:6px}.trace-stage{padding:17px 18px}.filters select{max-width:45%}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.attempt-history{margin-top:12px}.attempt-history summary{cursor:pointer;font-size:10px;color:var(--green)}.attempt-history p{margin-top:5px;font-size:9px}

.diagnostics-panel{margin-top:23px}.diagnostics-panel>summary{cursor:pointer;padding:20px 22px;font-size:14px;font-weight:550;line-height:1.8}.diagnostics-panel>summary .muted{margin-left:16px;font-weight:400}.diagnostics-panel>summary:focus-visible{outline:2px solid #98bfa4;outline-offset:-3px}.diagnostics-summary,.diagnostics-note{margin:0;padding:0 22px 12px;font-size:11px;line-height:1.9;color:var(--muted)}.diagnostics-note{font-size:10px}.diagnostics-scroll{overflow-x:auto;padding:0 22px 18px}.diagnostics-table{width:100%;border-collapse:collapse;font-size:10px;line-height:1.8;text-align:left;white-space:nowrap}.diagnostics-table caption{text-align:left;font-size:11px;font-weight:550;padding:12px 0 8px;color:var(--ink)}.diagnostics-table th,.diagnostics-table td{padding:8px 12px 8px 0;border-bottom:1px solid #edf0e9;font-weight:400}.diagnostics-table th{color:var(--muted);font-weight:550}.diagnostics-table td{color:#4c6849}.diagnostics-table td.muted{color:var(--muted)}