@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#16211f;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#e9eee8;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.auth-state{color:#1d312a;text-align:center;background:#e9eee8;place-content:center;gap:8px;min-height:100vh;padding:24px;display:grid}.auth-state h1{margin:0;font:600 32px Space Grotesk}.auth-state p{color:#65736d;margin:0}#root{min-height:100vh}.shell{background:#e9eee8;max-width:1440px;min-height:100vh;margin:auto;padding:0 5.5vw 56px}.topbar{border-bottom:1px solid #cbd5ca;justify-content:space-between;align-items:center;height:84px;display:flex}.brand{letter-spacing:-.5px;align-items:center;gap:11px;font:700 18px Space Grotesk;display:flex}.brand-mark{color:#fff;background:#f06c4e;border-radius:50%;place-items:center;width:31px;height:31px;font:700 11px DM Mono;display:grid}.topbar-actions{align-items:center;gap:18px;display:flex}.environment{text-transform:uppercase;letter-spacing:.06em;color:#61716b;font:11px DM Mono}.environment i{background:#2d9b66;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.logout{color:#61716b;text-transform:uppercase;background:0 0;border:1px solid #b9c8bb;padding:7px 10px;font:10px DM Mono}.logout:hover{color:#d35e43;border-color:#ef6b4e}.intro{justify-content:space-between;align-items:end;padding:75px 0 62px;display:flex}.eyebrow{color:#66807a;letter-spacing:.14em;margin:0 0 14px;font:500 10px DM Mono}.intro h1{color:#16211f;letter-spacing:-3px;margin:0;font:600 clamp(42px,5.4vw,80px)/.98 Space Grotesk}.intro em,.welcome em{color:#ef6b4e;font-style:normal}.lede{color:#65736d;max-width:430px;margin:25px 0 0;font-size:15px;line-height:1.6}.pulse{color:#66736d;align-items:center;gap:15px;display:flex}.pulse-ring{border:3px solid #75b998;border-radius:50%;width:12px;height:12px;box-shadow:0 0 0 7px #cfe5d8}.pulse strong{color:#1d342d;font:500 34px Space Grotesk}.pulse small{text-transform:uppercase;letter-spacing:.08em;font:10px/1.5 DM Mono}.workspace{background:#f4f7f2;border:1px solid #cbd5ca;grid-template-columns:285px 1fr;min-height:610px;display:grid}.rail{background:#edf2ec;border-right:1px solid #cbd5ca;flex-direction:column;padding:25px 16px 16px;display:flex}.rail-heading,.section-label{color:#72817a;letter-spacing:.1em;text-transform:uppercase;justify-content:space-between;padding:0 10px 16px;font:500 10px DM Mono;display:flex}.count,.section-label span{color:#ef6b4e}.mock-list{flex:1}.mock-item{color:#263630;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:11px;width:100%;padding:14px 10px;display:flex}.mock-item:hover,.mock-item.chosen{background:#e2eae1;border-left-color:#ef6b4e}.status-dot{background:#a3ada7;border-radius:50%;flex:none;width:7px;height:7px}.status-dot.on{background:#3ca373;box-shadow:0 0 0 4px #d3e8da}.mock-copy{flex:1;min-width:0}.mock-copy strong,.mock-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.mock-copy strong{font-size:13px;font-weight:600}.mock-copy small{color:#83918a;margin-top:3px;font:10px DM Mono}.chevron{color:#9aa69e;font-size:21px}.empty-rail{color:#88958e;padding:16px 10px;font-size:12px;line-height:1.6}.upload-zone{color:#597066;text-align:center;cursor:pointer;border:1px dashed #aebdb1;flex-direction:column;align-items:center;gap:5px;padding:19px 10px;display:flex}.upload-zone input,.primary-upload input{display:none}.upload-zone:hover{background:#f4eee7;border-color:#ef6b4e}.upload-plus{color:#ef6b4e;font-size:23px;line-height:1}.upload-zone strong{font-size:12px}.upload-zone small{color:#95a39b;font:9px DM Mono}.content{min-width:0;padding:34px 38px}.content-head{border-bottom:1px solid #d7dfd6;justify-content:space-between;gap:20px;padding-bottom:27px;display:flex}.content-head h2{letter-spacing:-1px;margin:0;font:600 28px Space Grotesk}.endpoint{color:#84918b;word-break:break-all;margin:10px 0 0;font:11px DM Mono}.endpoint span,.method-tag{color:#d35e43;margin-right:8px;font-size:10px;font-weight:500}.switch{background:#aeb9b2;border:0;border-radius:20px;width:45px;height:25px;margin-top:4px;padding:3px}.switch span{background:#fff;border-radius:50%;width:19px;height:19px;transition:transform .2s;display:block}.switch.active{background:#3ca373}.switch.active span{transform:translate(20px)}.operation-layout{grid-template-columns:220px 1fr;gap:39px;padding-top:31px;display:grid}.operations button{color:#718079;text-align:left;background:0 0;border:0;border-left:2px solid #0000;align-items:center;gap:9px;width:100%;padding:9px 10px;font:12px DM Mono;display:flex}.operations button:hover,.operations button.active{color:#1d312a;background:#e6ede5;border-left-color:#ef6b4e}.op-icon{color:#ef6b4e}.editor{min-width:0}.editor-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.editor-head h3{margin:4px 0 0;font:600 21px Space Grotesk}.method-tag{font:10px DM Mono}.helper{color:#8a9891;margin:21px 0 10px;font-size:12px}.editor textarea{resize:vertical;color:#b9e2c4;background:#1d2b29;border:1px solid #c9d4ca;outline:none;width:100%;min-height:270px;padding:18px;font:12px/1.7 DM Mono}.editor textarea:focus{border-color:#ef6b4e}.save{color:#fff;background:#ef6b4e;border:0;padding:10px 13px;font-size:12px}.save:disabled{opacity:.4;cursor:default}.save span{margin-left:8px}.editor-foot{color:#8c9992;padding-top:11px;font:10px DM Mono}.valid-dot{background:#3ca373;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.welcome{max-width:560px;padding:55px 10px;position:relative}.welcome h2{letter-spacing:-2px;margin:0;font:600 53px/.98 Space Grotesk;position:relative}.welcome p:not(.eyebrow){color:#738079;max-width:390px;margin:21px 0 27px;font-size:14px;line-height:1.6;position:relative}.welcome-grid{opacity:.6;background-image:linear-gradient(#d6dfd5 1px,#0000 1px),linear-gradient(90deg,#d6dfd5 1px,#0000 1px);background-size:20px 20px;width:320px;height:200px;position:absolute;top:30px;right:-120px;transform:rotate(-8deg)}.primary-upload{color:#fff;cursor:pointer;background:#1d312a;align-items:center;gap:28px;padding:13px 15px;font-size:12px;display:inline-flex;position:relative}.primary-upload b{color:#ef6b4e;font-size:19px}.upload-bar{color:#d9e8dc;background:#1d312a;align-items:center;gap:20px;padding:9px 10px 9px 16px;font:11px DM Mono;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 35px #20352c40}.upload-bar button{color:#fff;background:#ef6b4e;border:0;padding:10px 14px;font:11px DM Mono}.toast{color:#fff;background:#1d312a;padding:13px 17px;font-size:12px;position:fixed;bottom:22px;right:22px}@media (width<=800px){.shell{padding:0 18px 35px}.intro{padding:48px 0 35px}.pulse{display:none}.workspace{grid-template-columns:1fr}.rail{border-bottom:1px solid #cbd5ca;border-right:0;min-height:auto}.mock-list{max-height:180px;overflow:auto}.upload-zone{margin-top:16px}.content{padding:27px 20px}.operation-layout{grid-template-columns:1fr;gap:25px}.operations{gap:5px;padding-bottom:4px;display:flex;overflow:auto}.operations .section-label{display:none}.operations button{border-bottom:2px solid #0000;border-left:0;width:auto;min-width:max-content}.operations button:hover,.operations button.active{border-bottom-color:#ef6b4e}.welcome{padding:30px 0}.welcome-grid{display:none}.welcome h2{font-size:43px}.editor-head{flex-direction:column}.save{align-self:flex-start}}