@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;700&family=Space+Grotesk:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,sans-serif;color:#1d2928;background:#f4f0e7;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.shell{width:min(1180px,calc(100% - 64px));margin:0 auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d9d5ca}.brand{display:flex;align-items:center;gap:10px;color:#1d2928;font-family:Space Grotesk,sans-serif;font-size:21px;font-weight:700;letter-spacing:-.5px;text-decoration:none}.brand-mark{display:grid;width:29px;height:29px;place-items:center;color:#f4f0e7;background:#da5b3f;font-size:15px}.brand-dot{color:#da5b3f}.topbar-meta{display:flex;align-items:center;gap:10px;color:#65716d;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase;letter-spacing:.4px}.live-dot,.status-dot{width:7px;height:7px;border-radius:50%;background:#4b9f78}.avatar{display:grid;width:32px;height:32px;margin-left:14px;place-items:center;border:1px solid #bfc7bc;border-radius:50%;color:#46675d;font-size:10px}.hero{display:flex;justify-content:space-between;padding:74px 0 67px}.eyebrow,.section-kicker{margin:0 0 18px;color:#da5b3f;font-family:DM Mono,monospace;font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase}h1,h2{font-family:Space Grotesk,sans-serif;font-weight:600;letter-spacing:-2.5px}h1{margin:0;color:#193c39;font-size:clamp(46px,6vw,76px);line-height:.98}h1 em{color:#da5b3f;font-style:normal}.hero-copy{max-width:390px;margin:27px 0 0;color:#6b756f;font-size:15px;line-height:1.6}.hero-stamp{display:flex;width:116px;height:116px;flex-direction:column;align-items:center;justify-content:center;align-self:center;gap:5px;border:1px solid #c7cdc2;border-radius:50%;color:#668076;font-family:DM Mono,monospace;font-size:9px;letter-spacing:1px;transform:rotate(11deg)}.hero-stamp strong{color:#da5b3f;font-family:Space Grotesk,sans-serif;font-size:35px;letter-spacing:-2px}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:22px}.panel,.metric-card{border:1px solid #d9d5ca;background:#fffdf78a}.panel{padding:31px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.section-kicker{margin-bottom:11px}h2{margin:0;color:#24423e;font-size:25px;letter-spacing:-1px}.status-pill{display:flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid #c9d7ca;border-radius:100px;color:#568266;font-family:DM Mono,monospace;font-size:10px;white-space:nowrap}.status-pill.active{color:#a87838;border-color:#dfc99f}.status-pill.failed{color:#b94f3b;border-color:#e1afa5}.status-pill.passed{color:#528b6a}label{display:block;margin:37px 0 9px;color:#65716d;font-family:DM Mono,monospace;font-size:11px;text-transform:uppercase}.request-row{display:grid;grid-template-columns:95px minmax(0,1fr) 124px}select,input{min-width:0;border:1px solid #cdd2c7;background:#faf8f1;color:#273d39;outline:none}select{padding:13px 10px;border-right:0;color:#da5b3f;font-family:DM Mono,monospace;font-size:12px}input{padding:13px 14px;font-family:DM Mono,monospace;font-size:12px}select:focus,input:focus{border-color:#6d9483}.run-button{display:flex;align-items:center;justify-content:space-between;padding:0 14px;border:1px solid #da5b3f;background:#da5b3f;color:#fff8ec;font-size:12px;font-weight:700}.run-button:hover{background:#bd4931}.run-button:disabled{cursor:wait;opacity:.7}.arrow{font-size:17px;font-weight:400}.response-box{min-height:148px;margin-top:27px;padding:16px 18px;border:1px solid #dde1d7;background:#eef0e8}.response-box.passed{border-color:#c3d9c8;background:#ecf3ec}.response-box.failed{border-color:#e4c1b8;background:#f7eeea}.response-header{display:flex;justify-content:space-between;color:#77837d;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.response-code{color:#98a29a}.success-text{color:#528b6a}.warning-text{color:#bc6049}pre{margin:21px 0 0;color:#46645b;font-family:DM Mono,monospace;font-size:12px;line-height:1.65;white-space:pre-wrap}.failed pre{color:#9a5b4c}.side-column{display:flex;flex-direction:column;gap:22px}.metric-card{min-height:170px;padding:26px 24px}.metric-card.accent-card{border-color:#d8c5ae;background:#e9e3d7}.metric-label{display:flex;align-items:center;gap:8px;color:#6f7972;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.mini-icon{color:#da5b3f;font-size:15px}.metric-card strong{display:block;margin-top:19px;color:#24423e;font-family:Space Grotesk,sans-serif;font-size:51px;font-weight:500;letter-spacing:-3px}.metric-card strong span{color:#da5b3f;font-size:30px}.metric-note{color:#819087;font-family:DM Mono,monospace;font-size:10px}.activity-panel{grid-column:1 / -1;margin-bottom:70px}.activity-heading{align-items:center}.text-button{border:0;background:none;color:#68756d;font-family:DM Mono,monospace;font-size:10px}.text-button span{margin-left:7px;color:#da5b3f;font-size:17px;vertical-align:-2px}.event-list{margin-top:27px}.event-row{display:grid;grid-template-columns:82px 10px 1fr 20px;align-items:center;gap:14px;min-height:48px;border-top:1px solid #e0ddd3;color:#52645c;font-size:12px}.event-time{color:#9aa29a;font-family:DM Mono,monospace;font-size:10px}.event-marker{width:7px;height:7px;border-radius:50%;background:#9ca89e}.event-marker.success{background:#5c9a78}.event-marker.warning{background:#da7857}.event-arrow{color:#b8c0b7;text-align:right}.empty-state{margin-top:27px;padding:25px 0 5px;border-top:1px solid #e0ddd3;color:#8a948c;font-family:DM Mono,monospace;font-size:11px}footer{display:flex;justify-content:space-between;padding:0 0 30px;color:#9aa29a;font-family:DM Mono,monospace;font-size:10px;text-transform:uppercase}.footer-dot{padding:0 5px;color:#da5b3f}@media(max-width:740px){.shell{width:min(100% - 34px,560px)}.topbar{height:74px}.topbar-meta{font-size:0}.topbar-meta .live-dot{margin-right:3px}.avatar{margin-left:8px}.hero{padding:52px 0 48px}.hero-stamp{display:none}h1{font-size:52px}.workspace{display:block}.side-column{display:grid;grid-template-columns:1fr 1fr;margin-top:16px}.metric-card{min-height:148px;padding:21px 17px}.metric-card strong{font-size:41px}.panel{padding:23px 18px}.request-row{grid-template-columns:78px minmax(0,1fr)}.run-button{grid-column:1 / -1;min-height:46px;margin-top:9px}.activity-panel{margin-top:16px;margin-bottom:44px}.event-row{grid-template-columns:62px 8px 1fr;gap:10px}.event-arrow{display:none}footer{gap:15px;line-height:1.5}}