:root{--bg:#0c111b;--surface:#131a27;--surface-raised:#171f2e;--input-bg:#0f1622;--text-heading:#f3f7fb;--text-muted:#9ba8ba;--text-subtle:#657287;--text-code:#dbeafe;--border:#263144;--border-strong:#3a4860;--accent:#67e8f9;--accent-soft:#67e8f91a;--accent-border:#67e8f959;--code-bg:#0a1019;--danger:#fda4af;--danger-soft:#fda4af14;--danger-border:#fda4af40;--method-get:#67e8f9;--method-post:#86efac;--method-put:#fde68a;--method-delete:#fda4af;--shadow:0 20px 55px #0000002e;--sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;color:var(--text-muted);background:var(--bg);font-family:var(--sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:radial-gradient(circle at 50% -20%,#1e94a629,transparent 34rem),var(--bg);min-width:320px;min-height:100vh;margin:0}button,input,select,textarea{font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{width:min(1180px,100% - 48px);margin:0 auto;padding:64px 0 80px}.app-header{justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:40px;display:flex}.eyebrow,.section-kicker{color:var(--accent);letter-spacing:.14em;margin:0 0 8px;font-size:12px;font-weight:750}.app-header h1{color:var(--text-heading);letter-spacing:-.055em;margin:0;font-size:clamp(42px,6vw,64px);line-height:1}.app-description{color:var(--text-muted);margin:16px 0 0;font-size:16px}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:var(--surface);width:min(420px,100%);box-shadow:var(--shadow);border-radius:18px;padding:36px}.login-panel h1{color:var(--text-heading);letter-spacing:-.055em;margin:0;font-size:52px;line-height:1}.login-panel .app-description{margin-bottom:28px}.login-button{width:100%;margin-top:4px}.endpoint-count,.list-count,.editing-badge{border:1px solid var(--border);min-height:30px;color:var(--text-muted);background:var(--surface);white-space:nowrap;border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:650;display:inline-flex}.editing-badge{color:var(--accent);border-color:var(--accent-border);background:var(--accent-soft)}.content-grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:start;gap:24px;display:grid}.project-bar{border:1px solid var(--border);background:var(--surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;padding:16px 18px;display:flex}.project-bar>div,.project-actions{align-items:center;gap:12px;display:flex}.project-bar span{color:var(--accent);letter-spacing:.12em;font-size:11px;font-weight:750}.project-bar select{width:auto;min-width:180px;height:38px}.project-actions code{max-width:360px;color:var(--text-code);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.global-error{margin:0 0 24px}.panel{border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow);border-radius:18px;padding:28px}.section-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.section-header h2{color:var(--text-heading);letter-spacing:-.025em;margin:0;font-size:24px;line-height:1.25}form{gap:20px;display:grid}.field-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.field{gap:8px;min-width:0;display:grid}.field>span{color:var(--text-heading);font-size:13px;font-weight:650}input,select,textarea{box-sizing:border-box;border:1px solid var(--border-strong);width:100%;color:var(--text-heading);background:var(--input-bg);font:inherit;border-radius:9px;outline:none;font-size:15px;transition:border-color .16s,box-shadow .16s}input,select{height:44px;padding:0 13px}textarea{resize:vertical;min-height:218px;font-family:var(--mono);padding:14px;font-size:14px;line-height:1.6}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}input::placeholder,textarea::placeholder{color:var(--text-subtle)}.form-actions{justify-content:flex-end;gap:10px;padding-top:4px;display:flex}.button,.text-button{font:inherit;cursor:pointer;border:0;transition:transform .12s,opacity .12s,background .12s}.button{border-radius:9px;min-height:42px;padding:0 18px;font-size:14px;font-weight:700}.button:hover:not(:disabled),.text-button:hover{transform:translateY(-1px)}.button:disabled{cursor:wait;opacity:.6}.button-primary{color:#07111f;background:var(--accent)}.button-secondary{color:var(--text-heading);border:1px solid var(--border-strong);background:0 0}.mock-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.mock-card{border:1px solid var(--border);background:var(--surface-raised);border-radius:12px;padding:18px;transition:border-color .16s,transform .16s}.mock-card:hover{border-color:var(--border-strong);transform:translateY(-1px)}.mock-card-header,.badges,.card-actions{align-items:center;display:flex}.mock-card-header{justify-content:space-between;gap:16px}.badges,.card-actions{gap:8px}.method-badge,.status-badge{min-height:25px;font-family:var(--mono);letter-spacing:.04em;border-radius:6px;justify-content:center;align-items:center;padding:0 9px;font-size:11px;font-weight:750;display:inline-flex}.method-badge{color:#05151c;background:var(--method-get)}.method-post{background:var(--method-post)}.method-put{background:var(--method-put)}.method-delete{background:var(--method-delete)}.status-badge{color:var(--text-muted);border:1px solid var(--border);background:var(--surface)}.mock-card h3{color:var(--text-heading);margin:16px 0 10px;font-size:17px;line-height:1.35}.mock-path{border:1px solid var(--border);color:var(--text-code);background:var(--code-bg);text-overflow:ellipsis;white-space:nowrap;border-radius:7px;padding:10px 12px;font-size:13px;display:block;overflow:hidden}.text-button{color:var(--text-muted);background:0 0;padding:5px 4px;font-size:12px;font-weight:650}.text-button-danger{color:var(--danger)}.message,.empty-state{color:var(--text-muted);text-align:center}.message{background:var(--surface-raised);border-radius:10px;padding:20px}.message-error{color:var(--danger);border:1px solid var(--danger-border);background:var(--danger-soft);margin:0 0 16px}.empty-state{border:1px dashed var(--border-strong);border-radius:12px;place-items:center;min-height:320px;padding:24px;display:grid}.empty-state span{width:54px;height:54px;color:var(--accent);background:var(--accent-soft);font-family:var(--mono);border-radius:50%;place-items:center;margin-bottom:12px;font-weight:750;display:grid}.empty-state p{color:var(--text-heading);margin:0 0 6px;font-weight:650}.empty-state small{font-size:13px}@media (width<=880px){.app-shell{width:min(100% - 32px,680px);padding-top:40px}.content-grid{grid-template-columns:1fr}}@media (width<=680px){.project-bar,.project-actions{flex-direction:column;align-items:stretch}.project-bar>div{width:100%}.project-bar select{flex:1;min-width:0}.project-actions code{max-width:none}}@media (width<=520px){.app-shell{width:min(100% - 24px,680px);padding:28px 0 48px}.app-header{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:28px}.login-panel{padding:26px}.panel{border-radius:14px;padding:20px}.field-row{grid-template-columns:1fr}.mock-card-header{align-items:flex-start}}