:root{--warn:#f2b33d;--panel:var(--ink-2);--panel-2:var(--ink-3)}body.app{background:var(--ink);font-size:15px}.shell{grid-template-columns:232px minmax(0,1fr);min-height:100dvh;display:grid}.side{border-right:1px solid var(--line-soft);background:var(--ink);flex-direction:column;gap:24px;height:100dvh;padding:20px 14px;display:flex;position:sticky;top:0}.side .brand{padding:4px 8px 8px;display:block}.side .brand svg{width:auto;height:22px}.side nav ul{gap:2px;margin:0;padding:0;list-style:none;display:grid}.side nav a{border-radius:var(--r-ctl);color:var(--mute);align-items:center;gap:10px;padding:9px 10px;font-weight:500;text-decoration:none;display:flex}.side nav a svg{flex:none;width:18px;height:18px}.side nav a:hover{background:var(--ink-2);color:var(--chalk)}.side nav a[aria-current=page]{background:var(--ink-3);color:var(--chalk)}.side nav a[aria-current=page] svg{color:var(--volt)}.side .foot{margin-top:auto}.main{min-width:0;max-width:1180px;padding:28px clamp(16px,3.5vw,48px) 64px}@media (width<=860px){.shell{grid-template-columns:1fr}.side{z-index:5;border-right:0;border-bottom:1px solid var(--line-soft);flex-direction:row;align-items:center;gap:12px;height:auto;padding:10px 16px;position:sticky;overflow-x:auto}.side nav ul{display:flex}.side nav a span{white-space:nowrap}.side .foot{margin-top:0;margin-left:auto}}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 24px;margin-bottom:24px;display:flex}.page-head h1{font-size:clamp(34px,4vw,44px)}.page-sub{color:var(--mute);max-width:70ch;margin-top:8px}.page-actions{flex-wrap:wrap;gap:10px;display:flex}.panel{background:var(--panel);border:1px solid var(--line-soft);border-radius:var(--r-card)}.panel-pad{padding:20px}.panel h2{font:700 22px/1.1 var(--display);letter-spacing:.01em}.panel-head{border-bottom:1px solid var(--line-soft);justify-content:space-between;align-items:center;gap:12px;padding:16px 20px;display:flex}.stack{gap:20px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}@media (width<=900px){.grid-2{grid-template-columns:1fr}}.btn-sm{border-radius:var(--r-ctl);border:1px solid var(--line);height:32px;color:var(--chalk);font:500 13px/1 var(--body);cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:0 12px;text-decoration:none;display:inline-flex}.btn-sm:hover{border-color:var(--mute)}.btn-sm:disabled,.btn:disabled{opacity:.55;cursor:progress}.btn-sm.danger{color:var(--keep);border-color:color-mix(in oklab, var(--keep) 45%, var(--line))}.btn{cursor:pointer}button.btn-primary{border:0}.field{gap:6px;display:grid}.field label,.label{font:600 12px/1.2 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}.field .help{color:var(--faint);font-size:13px}.input,.select,.textarea{background:var(--ink);border:1px solid var(--line);border-radius:var(--r-ctl);width:100%;color:var(--chalk);font:400 15px/1.5 var(--body);padding:9px 12px}.textarea{font-family:var(--body);resize:vertical;min-height:160px}.input::placeholder,.textarea::placeholder{color:var(--faint)}.input:focus,.select:focus,.textarea:focus{outline:2px solid var(--volt);outline-offset:1px;border-color:#0000}.select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--mute) 50%), linear-gradient(135deg, var(--mute) 50%, transparent 50%);background-position:calc(100% - 16px) 55%,calc(100% - 11px) 55%;background-repeat:no-repeat;background-size:5px 5px;padding-right:30px}.checks{flex-wrap:wrap;gap:6px;display:flex}.check{border:1px solid var(--line);border-radius:var(--r-ctl);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:6px 10px;font-size:14px;display:inline-flex}.check input{accent-color:var(--volt)}.field label.check{font:400 14px/1.2 var(--body);letter-spacing:0;text-transform:none;color:var(--chalk)}.check:has(input:checked){border-color:var(--volt);background:color-mix(in oklab, var(--volt) 8%, transparent)}.tbl-wrap{overflow-x:auto}.tbl{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.tbl th{text-align:left;font:600 11.5px/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--faint);border-bottom:1px solid var(--line);white-space:nowrap;padding:12px 16px}.tbl td{border-bottom:1px solid var(--line-soft);vertical-align:middle;padding:12px 16px}.tbl tr:last-child td{border-bottom:0}.tbl .num{text-align:right}.tbl .mono,.mono{font-family:var(--mono);font-size:13px}.muted{color:var(--mute)}.faint{color:var(--faint)}.pill{border-radius:var(--r-chip);font:600 12px/1.4 var(--mono);white-space:nowrap;border:1px solid;align-items:center;gap:6px;padding:3px 8px;display:inline-flex}.pill.ok{color:var(--map)}.pill.warn{color:var(--warn)}.pill.err{color:var(--keep)}.pill.neutral{color:var(--mute)}.note{border-radius:var(--r-ctl);border:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:14px;display:flex}.note-error{border-color:color-mix(in oklab, var(--keep) 55%, var(--line));background:color-mix(in oklab, var(--keep) 8%, transparent)}.note-ok{border-color:color-mix(in oklab, var(--map) 55%, var(--line));background:color-mix(in oklab, var(--map) 8%, transparent)}.note-warn{border-color:color-mix(in oklab, var(--warn) 55%, var(--line));background:color-mix(in oklab, var(--warn) 8%, transparent)}.skeleton{gap:10px;padding:4px 0;display:grid}.skeleton span{background:linear-gradient(90deg, var(--ink-3), #1f2a42, var(--ink-3));background-size:200% 100%;border-radius:4px;display:block}@media (prefers-reduced-motion:no-preference){.skeleton span{animation:1.4s linear infinite shimmer}}@keyframes shimmer{to{background-position:-200% 0}}.empty{text-align:center;justify-items:center;gap:10px;padding:40px 20px;display:grid}.empty-title{font:700 22px/1.1 var(--display)}.empty-body{color:var(--mute);justify-items:center;gap:14px;max-width:48ch;display:grid}.empty-mosaic{grid-template-columns:repeat(3,14px);gap:4px;margin-bottom:6px;display:grid}.empty-mosaic i{background:var(--line);border-radius:3px;width:14px;height:14px}.empty-mosaic i:nth-child(2){background:var(--volt)}.toaster{z-index:50;gap:8px;display:grid;position:fixed;bottom:20px;right:20px}.toast{background:var(--chalk);color:var(--ink);border-radius:var(--r-ctl);padding:10px 14px;font-size:14px;font-weight:600;box-shadow:0 10px 30px -10px #0009}.secret{background:var(--ink);border:1px dashed var(--volt);border-radius:var(--r-ctl);font:500 14px var(--mono);align-items:center;gap:8px;padding:12px 14px;display:flex;overflow-x:auto}.secret code{white-space:nowrap;flex:1}.kv{grid-template-columns:auto 1fr;gap:8px 20px;font-size:14px;display:grid}.kv dt{color:var(--faint)}.kv dd{margin:0}
