:root{color:#192b27;font-synthesis:none;--ink:#192b27;--muted:#566762;--line:#dce5de;--green:#08745c;--green-dark:#065641;--dark:#112824;--mono:"Cascadia Code", "SFMono-Regular", Consolas, monospace;background:#f4f6f3;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}h1,h2,p{margin:0}h1{letter-spacing:-.045em;overflow-wrap:anywhere;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.08}h2{letter-spacing:-.02em;font-size:1.15rem}button,input,select,textarea{font:inherit}button{min-height:38px;color:var(--ink);border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:8px;padding:8px 13px;font-size:.875rem;font-weight:650}button:hover:not(:disabled){background:#edf3ef}button:disabled{cursor:default;opacity:.5}:focus-visible{outline-offset:3px;outline:2px solid #0b9f7a}.primary{color:#fff;background:var(--green);border-color:var(--green)}.primary:hover:not(:disabled){background:var(--green-dark)}.danger{color:#a53636}.danger:hover:not(:disabled){background:#fff1ef}.link-button{color:var(--green-dark);border-color:#0000}label{gap:7px;min-width:0;font-size:.875rem;font-weight:650;display:grid}input,select,textarea{width:100%;min-height:41px;color:var(--ink);background:#fff;border:1px solid #cbd9d0;border-radius:8px;padding:9px 11px;font-weight:400}input::placeholder,textarea::placeholder{color:#73857c}input[readonly]{background:#f5f8f5}textarea{resize:vertical}input[type=checkbox]{width:17px;min-height:17px;accent-color:var(--green)}.check{align-items:center;gap:7px;display:flex}code,pre,.mono{font-family:var(--mono)}pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;line-height:1.55}.muted{color:var(--muted)}.eyebrow{color:var(--green-dark);font:700 .72rem var(--mono);letter-spacing:.09em;text-transform:uppercase}.actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.error{color:#8b2929;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff0ed;border:1px solid #f0cbc4;border-radius:8px;padding:10px 12px;font-size:.875rem}.brand{letter-spacing:-.025em;align-items:center;gap:11px;font-weight:750;display:flex}.brand-icon,.empty-icon{color:#153a2e;width:41px;height:41px;font:800 .9rem var(--mono);background:#a9efd2;border-radius:10px;flex:none;place-items:center;display:grid}.brand small{letter-spacing:0;opacity:.76;margin-top:3px;font-size:.71rem;font-weight:500;display:block}.auth-shell{border:1px solid var(--line);background:#fff;border-radius:18px;grid-template-columns:1.05fr 1fr;width:calc(100% - 48px);max-width:1020px;min-height:575px;margin:clamp(24px,10vh,110px) auto 28px;display:grid;overflow:hidden}.auth-intro{background:var(--dark);color:#f5faf7;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(23px,4vw,48px);display:flex}.auth-intro h1{margin:12px 0;font-size:clamp(1.9rem,3.6vw,3rem)}.auth-intro p{color:#c5d8cf;line-height:1.55}.auth-intro .eyebrow{color:#a9efd2}.auth-example{background:#0c1e1a;border:1px solid #456057;border-radius:10px;padding:14px;font-size:.875rem}.auth-example div{align-items:center;gap:10px;margin-bottom:10px;display:flex}.auth-example div>span{color:#a9efd2;font-family:var(--mono);margin-left:auto}.auth-example pre{color:#c5d8cf}.auth-form{align-self:center;padding:clamp(25px,4vw,50px)}.auth-form form{gap:15px;display:grid}.auth-form h2{font-size:1.65rem}.session-loading{gap:20px;max-width:550px;margin:60px auto;padding:24px;display:grid}.workspace{grid-template-columns:255px minmax(0,1fr);min-height:100dvh;display:grid}.sidebar{background:var(--dark);color:#fff;flex-direction:column;gap:18px;padding:24px 17px;display:flex}.sidebar-heading{justify-content:space-between;align-items:center;margin-top:20px;display:flex}.sidebar-heading h2{font-size:.95rem}.sidebar-heading h2 span{color:#b2c8bd;font:.8rem var(--mono);margin-left:5px}.sidebar-heading button,.sidebar-footer button{color:#e2efe8;background:0 0;border-color:#456057}.sidebar-heading button:hover:not(:disabled),.sidebar-footer button:hover:not(:disabled){background:#29483f}.create-mock{text-align:left;color:#123629;background:#a9efd2;border-color:#a9efd2;width:100%}.create-mock:hover:not(:disabled){background:#caf8e5}.mock-list{align-content:start;gap:6px;display:grid}.mock-item{text-align:left;color:#eef6f0;background:0 0;border-color:#0000;justify-items:start;gap:6px;min-width:0;display:grid}.mock-item strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.mock-item[aria-current=true],.mock-item:hover:not(:disabled){background:#25463b;border-color:#436b5b}.sidebar-footer{border-top:1px solid #456057;align-items:center;gap:8px;margin-top:auto;padding-top:18px;display:flex}.sidebar-footer span{text-overflow:ellipsis;color:#c5d8cf;flex:1;min-width:0;font-size:.8rem;overflow:hidden}.sidebar-footer button{font-size:.8rem}.workspace-main{width:min(100%,1260px);padding:clamp(18px,3.5vw,44px)}.workspace-main>.error{margin-bottom:16px}.mock-heading{justify-content:space-between;align-items:start;gap:16px;margin-bottom:22px;display:flex}.mock-heading h1{margin-top:9px}.mock-heading .actions{flex-shrink:0}.mock-description{color:var(--muted);overflow-wrap:anywhere;margin-top:10px}.panel{border:1px solid var(--line);background:#fff;border-radius:13px;min-width:0;padding:clamp(14px,2.2vw,24px)}.panel-heading{justify-content:space-between;align-items:center;gap:14px;display:flex}.panel-heading p{color:var(--muted);margin-top:5px;font-size:.88rem}.panel-heading button{flex-shrink:0}.panel .error{margin:12px 0}.runtime-row,.runtime-state{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.runtime-row{justify-content:space-between;margin-bottom:14px}.runtime-state .muted{font:.78rem var(--mono)}.status{color:#4b5c55;white-space:nowrap;background:#ebf0ed;border-radius:20px;align-items:center;gap:6px;padding:5px 9px;font-size:.73rem;font-weight:700;display:inline-flex}.status>span{background:currentColor;border-radius:50%;width:7px;height:7px}.status-running{color:#12634b;background:#dff4e9}.status-error{color:#9e2d30;background:#ffedec}.status-pending,.status-starting,.status-stopping{color:#7a5313;background:#fcf0d6}.url-field{gap:7px;display:grid}.url-row{gap:8px;display:flex}.url-row input{min-width:0}.copy-note:not(:empty){color:var(--muted);margin-top:7px;font-size:.8rem;display:block}.section-switch{gap:6px;margin:22px 0 11px;display:flex}.section-switch button{background:0 0;border-color:#0000}.section-switch button[aria-pressed=true]{color:var(--green-dark);background:#e1f0e7;border-color:#cee3d5}.section-switch span{font:.78rem var(--mono);margin-left:3px}.endpoint-list{margin-top:16px;display:grid}.endpoint-row{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding:11px 0;display:grid}.endpoint-row:last-child{padding-bottom:0}.endpoint-route,.endpoint-meta{align-items:center;gap:10px;min-width:0;display:flex}.endpoint-route code{overflow-wrap:anywhere;font-size:.87rem}.endpoint-meta{font:.76rem var(--mono);color:var(--muted);flex-wrap:wrap}.method{color:#12634b;font:750 .75rem var(--mono);background:#ddf4e8;border-radius:5px;padding:4px 6px;display:inline-flex}.method-post,.method-put,.method-patch{color:#384d9a;background:#e8edff}.method-delete{color:#9e2d30;background:#ffedec}.endpoint-empty{text-align:center;border:1px dashed #cbd9d0;border-radius:8px;margin-top:16px;padding:29px 12px}.empty-state{text-align:center;background:#f9fbf9;border:1px dashed #cbd9d0;border-radius:15px;place-content:center;justify-items:center;gap:15px;min-height:440px;padding:20px;display:grid}.empty-state p{color:var(--muted);max-width:390px}.empty-icon{width:54px;height:54px}.request-row,.fields-row{grid-template-columns:105px minmax(0,1fr);gap:10px;display:grid}.request-row{grid-template-columns:105px minmax(0,1fr) auto;align-items:end}.request-row button{min-height:41px}.fields-row.equal{grid-template-columns:repeat(2,minmax(0,1fr))}.probe-panel form{gap:12px;margin-top:16px;display:grid}.probe-output{border:1px solid var(--line);background:#f2f6f3;border-radius:9px;gap:12px;margin-top:15px;padding:14px;display:grid}.probe-output pre{color:#e8f6ee;background:#112824;border-radius:8px;max-height:330px;padding:12px;font-size:.83rem;overflow:auto}.probe-output details pre{margin-top:9px}.probe-output summary{cursor:pointer;font-size:.86rem;font-weight:650}.result-meta{font:.8rem var(--mono);color:var(--muted);align-items:center;gap:12px;display:flex}.result-status{color:#12634b;background:#ddf4e8;border-radius:5px;padding:4px 7px;font-weight:700}.result-error{color:#9e2d30;background:#ffedec}dialog{width:min(540px,100% - 28px);max-height:calc(100dvh - 28px);color:var(--ink);border:1px solid var(--line);border-radius:14px;padding:22px}dialog::backdrop{background:#0d241f88}dialog form,dialog fieldset{gap:13px;display:grid}dialog fieldset{border:0;min-width:0;margin:0;padding:0}.dialog-actions{justify-content:end;gap:8px;display:flex}@media (width<=950px){.workspace{grid-template-columns:200px minmax(0,1fr)}.mock-heading{flex-direction:column}.endpoint-row{grid-template-columns:minmax(0,1fr) auto}.endpoint-actions{grid-column:1/-1}}@media (width<=650px){.auth-shell,.workspace{grid-template-columns:minmax(0,1fr)}.auth-shell{width:calc(100% - 24px);margin-top:12px}.auth-intro{gap:22px}.auth-example{display:none}.sidebar{gap:12px;padding:16px}.sidebar-heading{margin-top:0}.mock-list{display:flex;overflow-x:auto}.mock-item{min-width:138px;max-width:190px}.sidebar-footer{padding-top:10px}.workspace-main{padding:16px}.request-row{grid-template-columns:90px minmax(0,1fr)}.request-row button{grid-column:1/-1}.panel-heading{flex-wrap:wrap;align-items:start}}