:root{--canvas:#111820;--sidebar:#0c1218;--surface:#18222d;--surface-2:#202c38;--input:#111a22;--line:#304150;--text:#e6edf3;--muted:#98a9b8;--blue:#38a4eb;--blue-dark:#147ab8;--good:#47c98b;--danger:#f07d7d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#223b4b 0,transparent 37%),var(--canvas);color:var(--text);font:15px/1.5 Inter,Segoe UI,Arial,sans-serif;display:flex;min-height:100vh}aside{width:274px;background:linear-gradient(180deg,#0d151d,#0a1016);border-right:1px solid #263541;color:var(--text);padding:25px 0;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:11px;padding:0 22px 30px;font-size:18px;font-weight:700;letter-spacing:.1px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border-radius:8px;background:linear-gradient(145deg,#49b4ef,#1b78bd);box-shadow:0 5px 14px #147ab866;color:#fff;font-size:13px;font-family:Consolas,monospace}.folder,.endpoint{color:var(--text);border:0;background:transparent;width:100%;padding:12px 21px;text-align:left;cursor:pointer;transition:background .15s}.folder{display:flex;justify-content:space-between;font-size:13px;color:#bdcbd5}.folder:hover,.endpoint:hover{background:#192530}.endpoint{display:flex;gap:9px;align-items:center;padding-left:25px;font-weight:550}.active{background:linear-gradient(90deg,#17384c,#132733);box-shadow:inset 3px 0 var(--blue)}.endpoint i{font-style:normal;font-size:10px;line-height:1;background:#167bb8;color:#fff;padding:4px 5px;border-radius:3px;font-weight:700}.muted{opacity:.42;cursor:not-allowed}aside p{padding:19px 22px;color:#718494;font-size:12px;border-top:1px solid #1d2a35;margin-top:19px}main{max-width:1100px;width:100%;margin:0 auto;padding:52px 44px}header{display:flex;justify-content:space-between;align-items:start;margin:0 0 30px}h1{margin:0;font-size:31px;letter-spacing:-.7px}h2{margin:0;font-size:16px}p{margin:5px 0;color:var(--muted)}mark{background:#1c3444;border:1px solid #2c5873;color:#80cefa;border-radius:20px;padding:6px 11px;font-size:12px}.card{background:linear-gradient(145deg,#1b2631,#18222d);border:1px solid var(--line);padding:23px;border-radius:12px;margin-bottom:17px;box-shadow:0 12px 28px #0000001c}.settings{display:grid;grid-template-columns:180px 1fr;gap:18px}.settings h2{grid-column:1/-1;padding-bottom:3px}.settings label{display:grid;gap:7px;font-size:12px;font-weight:650;letter-spacing:.2px;color:#b9c9d5}.settings label:nth-of-type(2),.settings label:nth-of-type(3){grid-column:span 2}small{font-weight:400;color:#8194a5}input,select,textarea{border:1px solid #354858;border-radius:7px;padding:10px;background:var(--input);color:var(--text);font:inherit;transition:border .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{outline:none;border-color:#3a9ed8;box-shadow:0 0 0 3px #38a4eb1f}.urlrow{display:flex;gap:8px}.urlrow select{max-width:320px}.urlrow input{flex:1}.heading,.actions{display:flex;justify-content:space-between;align-items:start}.heading{padding-bottom:3px}.heading p{font-size:12px}.actions{align-items:center;margin-top:15px}.actions span,.error{color:var(--danger);font-size:13px}.success{color:var(--good)!important}textarea,pre{width:100%;min-height:245px;margin:14px 0 0;border:1px solid #2c3f4d;border-radius:8px;padding:17px;background:#0e171e;color:#d7e8ef;font:13px/1.6 Consolas,Cascadia Code,monospace;white-space:pre-wrap;box-shadow:inset 0 1px 3px #0005}textarea{resize:vertical}button#send{background:linear-gradient(180deg,#39a8eb,#1b83c3);box-shadow:0 4px 12px #1b83c34d;color:#fff;border:0;border-radius:7px;padding:10px 17px;cursor:pointer;font-weight:650}button#send:hover{filter:brightness(1.09)}button#send:disabled{opacity:.55;cursor:wait}.secondary{border:1px solid #405464;background:#202d38;color:#d1dce4;border-radius:6px;padding:7px 10px;cursor:pointer}.secondary:hover:not(:disabled){background:#2a3a47}.secondary:disabled{opacity:.45}@media(max-width:720px){body{display:block}aside{width:100%;height:auto;position:static;padding:17px 0}.brand{padding-bottom:16px}aside p{display:none}main{padding:25px 16px}.settings{display:block}.settings label{margin-top:16px}.urlrow{display:block}.urlrow>*{display:block;width:100%;max-width:none!important;margin-bottom:8px}header{margin-bottom:23px}header mark{margin-top:9px}.heading{gap:10px}}
 .actions span.valid{color:var(--good)}textarea.json-invalid,textarea.json-invalid:focus{border:2px solid var(--danger);box-shadow:0 0 0 3px #f07d7d26;outline:none}


.editor-shell{display:flex;min-height:245px;margin-top:14px;overflow:hidden;border:1px solid #2c3f4d;border-radius:8px;background:#0e171e;box-shadow:inset 0 1px 3px #0005}.line-numbers{flex:0 0 52px;padding:17px 11px 17px 7px;border-right:1px solid #253745;color:#657b8c;text-align:right;font:13px/1.6 Consolas,Cascadia Code,monospace;user-select:none;pointer-events:none}.line-numbers span{display:block;height:20.8px}.line-numbers .line-error{margin:0 -11px 0 -7px;padding-right:11px;background:#662f36;color:#ff9c9c;font-weight:700}.editor-shell textarea{flex:1;width:100%;min-height:243px;margin:0;border:0;border-radius:0;padding:17px;background:transparent;box-shadow:none}.editor-shell textarea:focus{box-shadow:none}.editor-shell.json-invalid{border:2px solid var(--danger);box-shadow:0 0 0 3px #f07d7d26}.editor-shell.json-invalid textarea{padding:16px}

.header-actions{display:flex;align-items:center;gap:10px}.login-page{display:grid;place-items:center;padding:24px}.login-card{width:min(100%,420px);background:linear-gradient(145deg,#1b2631,#18222d);border:1px solid var(--line);border-radius:14px;padding:34px;box-shadow:0 20px 50px #0005}.login-brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;margin-bottom:32px}.login-card h1{font-size:27px}.login-card form{display:grid;gap:16px;margin-top:24px}.login-card label{display:grid;gap:7px;font-size:13px;font-weight:650;color:#b9c9d5}.login-card button{background:linear-gradient(180deg,#39a8eb,#1b83c3);box-shadow:0 4px 12px #1b83c34d;color:#fff;border:0;border-radius:7px;padding:11px 17px;cursor:pointer;font-weight:650}.login-card button:disabled{opacity:.6;cursor:wait}.login-error{min-height:21px;color:var(--danger);font-size:13px;margin:0}