:root{color:#0f172a;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8fafc;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{background-color:#f8fafc;min-height:100vh;margin:0}#root{min-height:100vh}:root{--bg: #f5f6fa;--card: #ffffff;--stroke: #e2e5ee;--text: #0f172a;--muted: #616b7c;--accent: #0f62fe;--radius: 16px;--shadow: 0 18px 35px rgba(15, 23, 42, .08)}body{background:var(--bg);color:var(--text)}.app{min-height:100vh;background:var(--bg)}.topbar{position:sticky;top:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;background:#fffffff2;border-bottom:1px solid var(--stroke);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.topbar__brand{display:flex;gap:1.5rem;align-items:center}.brand-mark{font-size:.7rem;letter-spacing:.6rem;text-transform:uppercase;color:var(--muted)}.topbar__brand h1{margin:0;font-size:1.6rem}.topbar__brand p{margin:.35rem 0 0;font-size:.95rem;color:var(--muted)}.topbar__menu{border:1px solid var(--stroke);border-radius:999px;padding:.5rem 1.25rem;background:transparent;font-size:.9rem;font-weight:600;color:var(--text);cursor:pointer;display:none}.shell{display:flex;align-items:stretch}.sidebar{width:280px;border-right:1px solid var(--stroke);background:var(--card);padding:2rem;min-height:calc(100vh - 70px);display:flex;flex-direction:column;gap:2rem}.sidebar__section h2{margin:.25rem 0 0}.sidebar__note{margin-top:auto;padding:1.5rem;border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(135deg,#f8fafc,#fff)}.eyebrow{font-size:.7rem;letter-spacing:.35rem;text-transform:uppercase;color:var(--muted);margin:0 0 .4rem}.muted{color:var(--muted);margin:.2rem 0 0}.content{flex:1;padding:2.5rem;display:flex;flex-direction:column;gap:2rem}.card{background:var(--card);border-radius:var(--radius);border:1px solid var(--stroke);padding:1.75rem;box-shadow:var(--shadow)}.intro{display:flex;justify-content:space-between;align-items:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.stat-value{margin:.2rem 0;font-size:2rem;font-weight:600}.base-url{display:flex;gap:2rem;align-items:center;flex-wrap:wrap}.base-url input{flex:1;min-width:280px;border-radius:999px;border:1px solid var(--stroke);padding:.9rem 1.25rem;font-size:.95rem}.form-card__head{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;border-bottom:1px solid var(--stroke);padding-bottom:1rem;margin-bottom:1.5rem}.form-card__head h4{margin:.2rem 0 0;font-size:1.4rem}.endpoint-chip{border:1px solid var(--stroke);border-radius:999px;padding:.35rem 1rem;font-size:.75rem;font-weight:600;letter-spacing:.15rem}.form{display:flex;flex-direction:column;gap:1.5rem}.form-grid{display:flex;flex-wrap:wrap;gap:1rem}.form-field,.checkbox-field{flex:1 1 100%;display:flex;flex-direction:column}.form-field--half{flex-basis:calc(50% - .5rem)}.form-label{font-size:.78rem;font-weight:600;letter-spacing:.08rem;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.input{border:1px solid var(--stroke);border-radius:12px;padding:.85rem 1rem;font-size:.95rem;background:#fdfdfd}.form-helper{margin-top:.4rem;font-size:.78rem;color:var(--muted)}.checkbox-field{border:1px solid var(--stroke);border-radius:12px;flex-direction:row;align-items:center;gap:.65rem;padding:.9rem 1rem;background:#fdfdfd}.checkbox-field input{width:18px;height:18px}.form-empty{border:1px dashed var(--stroke);border-radius:12px;padding:1rem;color:var(--muted)}.form-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{border:1px solid var(--stroke);border-radius:12px;padding:.85rem 1.75rem;font-weight:600;background:transparent;cursor:pointer}.btn--primary{background:var(--text);color:#fff;border-color:var(--text)}.alert{border-radius:12px;padding:1rem 1.25rem;font-size:.9rem}.alert--error{border:1px solid #f9b8be;background:#fff6f7;color:#b42318}.response{margin-top:1.5rem;border:1px solid var(--stroke);border-radius:14px;padding:1rem 1.25rem;background:#f8fafc;display:flex;flex-direction:column;gap:.75rem}.response__meta{display:flex;gap:1rem;flex-wrap:wrap;font-size:.85rem;color:var(--muted)}.response pre{margin:0;max-height:320px;overflow:auto;background:#fff;border-radius:12px;padding:1rem;font-size:.85rem}.response__download{display:flex;gap:.75rem;align-items:center}.response__download a{border:1px solid var(--stroke);border-radius:999px;padding:.45rem 1.25rem;text-decoration:none;font-weight:600}.nav-list{display:flex;flex-direction:column;gap:.5rem}.nav-list--sheet{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.nav-list--sheet .nav-button{text-align:center}.nav-button{border:1px solid transparent;border-radius:12px;padding:.75rem 1rem;background:none;text-align:left;font-weight:600;color:var(--muted);cursor:pointer}.nav-button.is-active{border-color:var(--text);color:var(--text)}.nav-sheet{position:fixed;inset:0;background:#0f172a59;display:none;align-items:flex-start;justify-content:center;padding:5vw 1.25rem 1.25rem}.nav-sheet__panel{width:min(480px,100%);background:#fff;border-radius:var(--radius);padding:1.5rem;border:1px solid var(--stroke)}.nav-sheet__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.nav-sheet__head button{border:none;background:none;color:var(--text);font-weight:600;cursor:pointer}@media(max-width:1024px){.sidebar{display:none}.topbar__menu{display:inline-flex}.nav-sheet{display:flex}}@media(max-width:480px){.nav-list--sheet{grid-template-columns:1fr}}@media(max-width:768px){.content{padding:1.5rem}.form-field--half{flex-basis:100%}.brand-mark{display:none}.topbar{padding:1rem 1.25rem}.base-url input{min-width:100%}}