:root{color-scheme:dark;--bg:#17131d;--panel:#221b2c;--border:#3c3049;--lav:#cbb3fa;--ivory:#f6eff4;--mute:#baabc6;font:16px/1.5 system-ui,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ivory)}aside{position:fixed;inset:0 auto 0 0;width:16rem;overflow:auto;background:#201829;border-right:1px solid var(--border);padding:1.3rem}main{margin-left:16rem;padding:clamp(1.2rem,4vw,3.5rem);max-width:95rem}.brand{display:flex;align-items:center;gap:.8rem;margin-bottom:2.4rem}.brand span{color:var(--lav);font-size:1.8rem}.brand strong{font-size:1.25rem}.brand small,footer{display:block;color:var(--mute)}nav{display:grid;gap:.3rem}button,input,select{font:inherit}button,a.button{cursor:pointer;border:1px solid var(--border);border-radius:.5rem;padding:.6rem .85rem;color:var(--ivory);background:var(--panel);text-decoration:none}button:hover,button[aria-current],a.button:hover{border-color:var(--lav);color:var(--lav)}button:disabled{opacity:.5;cursor:default}nav button{text-align:left}footer{padding-top:1.5rem}.eyebrow{letter-spacing:.16em;color:var(--lav);font-size:.7rem;font-weight:700}h1{font-size:clamp(2rem,5vw,3.3rem);line-height:1.1;margin:.6rem 0 1rem}h2{margin:.5rem 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));gap:1rem}.metric,.panel{padding:1.25rem;border:1px solid var(--border);border-radius:.75rem;background:var(--panel);box-shadow:0 10px 24px #0002}.metric strong{display:block;font-size:1.85rem;color:var(--lav)}.metric span,#status{color:var(--mute)}.controls{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin:1rem 0}input,select{border:1px solid var(--border);background:#19141f;color:var(--ivory);border-radius:.45rem;padding:.55rem;max-width:100%}.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:.6rem}table{border-collapse:collapse;width:100%;font-size:.9rem}th,td{text-align:left;padding:.75rem;vertical-align:top;border-bottom:1px solid var(--border);overflow-wrap:anywhere}th{background:var(--panel);white-space:nowrap}tr:last-child td{border-bottom:0}dialog{position:fixed;margin:0 0 0 auto;inset:0;width:min(44rem,100vw);max-width:100vw;height:100dvh;max-height:100dvh;padding:1.4rem;background:var(--bg);color:var(--ivory);border:1px solid var(--border)}dialog::backdrop{background:#0009}.mobile{display:none}:focus-visible{outline:2px solid var(--lav);outline-offset:2px}@media(max-width:760px){.mobile{display:flex;align-items:center;gap:1rem;padding:.7rem 1rem;background:var(--panel)}aside{display:none;inset:3.6rem auto 0 0;z-index:1}aside.open{display:block}main{margin:0;padding:1rem}.controls input{width:100%}}
textarea{display:block;width:100%;margin:.65rem 0;padding:.7rem;background:var(--panel);color:var(--ivory);border:1px solid var(--border);border-radius:.45rem;font:14px/1.45 ui-monospace,monospace}
pre{white-space:pre-wrap;overflow-wrap:anywhere;background:var(--panel);padding:.8rem}
.panel img{display:block;max-width:100%;height:auto}
dialog.full-editor{margin:0;width:100vw;max-width:100vw;border:0;padding:clamp(1rem,4vw,3rem)}dialog.full-editor #detail-body{max-width:76rem;margin-inline:auto}#detail-status{color:var(--lav)}#detail-status:empty{display:none}