:root{color-scheme:light;--page: #f7f7f7;--panel: #ffffff;--panel-soft: #f2f2f2;--ink: #242424;--muted: #707070;--line: #dddddd;--line-strong: #cfcfcf;--code: #171717;--code-line: #2f2f2f;--code-ink: #f4f4f4;--sidebar-width: 308px;--sidebar-collapsed-width: 72px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--page)}body{margin:0;min-height:100vh;background:var(--page);color:var(--ink);-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) minmax(0,1fr);min-height:100vh;background:var(--page);transition:grid-template-columns .16s ease}.app-shell[data-sidebar=collapsed]{grid-template-columns:var(--sidebar-collapsed-width) minmax(0,1fr)}.sidebar{position:sticky;top:0;display:flex;height:100vh;min-width:0;flex-direction:column;border-right:1px solid var(--line);background:var(--panel)}.brand-row{display:flex;height:68px;min-height:68px;align-items:center;gap:12px;border-bottom:1px solid var(--line);padding:0 18px}.brand-logo{display:block;width:34px;height:34px;flex:0 0 34px;object-fit:contain}.brand-copy{display:grid;min-width:0;gap:1px;line-height:1.2}.brand-copy strong{overflow:hidden;font-size:.98rem;font-weight:680;text-overflow:ellipsis;white-space:nowrap}.brand-copy span{color:var(--muted);font-size:.78rem;font-weight:520}.sidebar-nav{display:grid;gap:4px;padding:16px}.nav-item{display:flex;width:100%;min-width:0;align-items:center;gap:12px;border:0;border-radius:8px;background:transparent;padding:10px 12px;text-align:left}.nav-item{min-height:40px;color:#111;cursor:default;font-size:.92rem;font-weight:620}.nav-item.is-active{background:var(--panel-soft)}.nav-icon{display:inline-grid;width:20px;height:20px;flex:0 0 20px;place-items:center;border:1px solid var(--line-strong);border-radius:5px;color:#555;font-size:.72rem;font-weight:760;line-height:1}.nav-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-footer{display:flex;margin-top:auto;border-top:1px solid var(--line);padding:10px 18px}.collapse-button{display:inline-grid;width:40px;height:40px;place-items:center;border:0;border-radius:8px;background:transparent;color:#747474;cursor:pointer}.collapse-button:hover{background:var(--panel-soft);color:var(--ink)}.collapse-button:focus-visible{outline:none;background:var(--panel-soft);box-shadow:inset 0 0 0 1px var(--line-strong)}.collapse-icon{width:22px;height:22px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.app-shell[data-sidebar=collapsed] .brand-row,.app-shell[data-sidebar=collapsed] .sidebar-nav{padding-right:16px;padding-left:16px}.app-shell[data-sidebar=collapsed] .brand-copy,.app-shell[data-sidebar=collapsed] .nav-label{display:none}.app-shell[data-sidebar=collapsed] .brand-row,.app-shell[data-sidebar=collapsed] .nav-item{justify-content:center}.app-shell[data-sidebar=collapsed] .sidebar-footer{justify-content:center;padding-right:0;padding-left:0}.app-shell[data-sidebar=collapsed] .collapse-button{background:var(--panel-soft)}.content{min-width:0;padding:74px 88px}.content-inner{width:min(100%,980px)}.eyebrow{margin:0 0 18px;color:var(--ink);font-size:1rem;font-weight:560;letter-spacing:0}h1{margin:0 0 28px;font-size:clamp(1.75rem,2.2vw,2.35rem);font-weight:720;letter-spacing:0;line-height:1.08}.json-panel{min-height:440px;overflow:auto;margin:0;border:1px solid var(--code-line);border-radius:8px;background:var(--code);color:var(--code-ink);padding:18px;font:.9rem/1.58 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:pre-wrap}@media(max-width:820px){.app-shell,.app-shell[data-sidebar=collapsed]{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.brand-row{height:60px;min-height:60px}.sidebar-nav{padding-top:12px;padding-bottom:12px}.collapse-button{display:none}.app-shell[data-sidebar=collapsed] .brand-copy,.app-shell[data-sidebar=collapsed] .nav-label{display:grid}.app-shell[data-sidebar=collapsed] .brand-row,.app-shell[data-sidebar=collapsed] .nav-item{justify-content:flex-start}.content{padding:32px 20px}.json-panel{min-height:360px;font-size:.82rem}}