:root{--bg: #0B0B0C;--surface: #101012;--surface-2: #161619;--surface-3: #1D1D21;--ring: inset 0 0 0 1px rgba(255, 255, 255, .08);--ring-hi: inset 0 0 0 1px rgba(255, 255, 255, .16);--line: rgba(255, 255, 255, .08);--text: #F1F1F3;--text-dim: rgba(241, 241, 243, .62);--faint: rgba(241, 241, 243, .38);--accent: #E81C5A;--accent-tint: rgba(232, 28, 90, .14);--accent-fg: #fff;--green: #5ECC3C;--amber: #F5A524;--red: #E5484D;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--r-sm: 6px;--r: 10px;--r-pill: 999px;--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;color-scheme:dark}*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;background:var(--bg);color:var(--text)}h2,h3{margin:0;font-weight:600}:where(button,a,input,select,textarea):focus-visible{outline:1px solid var(--accent);outline-offset:1px}.h-sec{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--s2)}.h-form{font-size:17px;letter-spacing:.01em;margin-bottom:var(--s4)}.title{font-size:17px;letter-spacing:.01em;font-weight:600}.muted{color:var(--text-dim)}.faint{color:var(--faint)}.mono{font-family:var(--mono)}.error{color:var(--red);margin-bottom:var(--s3)}.notice{color:var(--accent);margin-bottom:var(--s3)}.hint{color:var(--text-dim);font-size:12px;margin-top:var(--s1)}.field-err{color:var(--red);font-size:12px;margin-top:var(--s1)}.app{display:flex;min-height:100vh}.sidebar{width:216px;flex-shrink:0;background:var(--surface);box-shadow:inset -1px 0 0 var(--line);padding:var(--s4) var(--s3)}.brand{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--text);padding:0 var(--s2);margin-bottom:var(--s5)}.nav-item{display:flex;align-items:center;gap:var(--s2);width:100%;text-align:left;background:transparent;border:none;color:var(--text-dim);padding:var(--s2) var(--s3);border-radius:var(--r-sm);margin-bottom:var(--s1)}.nav-item:hover{background:var(--surface-2);color:var(--text)}.nav-item.is-active{background:var(--accent-tint);color:var(--text);box-shadow:inset 2px 0 0 var(--accent)}.soon{margin-left:auto;font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.main-col{flex:1;display:flex;flex-direction:column;min-width:0}.topbar{display:flex;align-items:center;justify-content:flex-end;gap:var(--s3);padding:var(--s3) var(--s5);box-shadow:inset 0 -1px 0 var(--line)}.avatar{border-radius:var(--r-pill)}.content{padding:var(--s5);min-width:0}.screen-msg{color:var(--text-dim);padding:var(--s5)}.center-screen{display:grid;place-items:center;height:100vh}.card{background:var(--surface);box-shadow:var(--ring);border-radius:var(--r);padding:var(--s6)}.card-auth{max-width:360px;text-align:center}.card-auth p{color:var(--text-dim);margin:var(--s2) 0 var(--s5)}.nothing{text-align:center}.nothing-cat{display:block;margin:0 auto;width:min(450px,82vw);height:min(450px,82vw);object-fit:cover;border-radius:16px;user-select:none;-webkit-user-select:none}.nothing-cap{margin:var(--s5) 0 0;font-size:16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s1);font:inherit;cursor:pointer;white-space:nowrap;text-decoration:none;background:transparent;border:none;box-shadow:var(--ring);color:var(--text);padding:var(--s2) var(--s3);border-radius:var(--r-sm)}.btn:hover{background:var(--surface-3);box-shadow:var(--ring-hi)}.btn:disabled{opacity:.45;cursor:default}.btn:disabled:hover{background:transparent;box-shadow:var(--ring)}.btn-accent{background:var(--accent);color:var(--accent-fg);box-shadow:none;font-weight:600}.btn-accent:hover{background:var(--accent);box-shadow:var(--ring-hi)}.btn-accent:disabled:hover{background:var(--accent);box-shadow:none}.btn-danger{color:var(--red)}.btn-danger:hover{background:#e5484d1f}.btn-sm{padding:var(--s1) var(--s2);font-size:13px}.input,.select,.textarea{font:inherit;color:var(--text);background:var(--surface-2);border:none;box-shadow:var(--ring);border-radius:var(--r-sm);padding:var(--s2) var(--s3)}.select{cursor:pointer}.field .input,.field .select,.textarea{width:100%}.textarea{font-family:var(--mono);resize:vertical;min-height:320px;max-height:640px;overflow:auto}.input.mono{font-family:var(--mono)}.input-sm{padding:var(--s1) var(--s2)}.input-num{width:64px}.input-cat{width:200px}.keys-preview{margin-top:var(--s2);min-height:24px}.label{display:block;color:var(--text-dim);font-size:12px;letter-spacing:.04em;margin-bottom:var(--s1)}.field{min-width:0;flex:1}.field-wide{flex:2}.row{display:flex;align-items:center;gap:var(--s2)}.row-gap{display:flex;align-items:center;gap:var(--s3)}.row-wrap{flex-wrap:wrap}.row-top{align-items:flex-start}.mb{margin-bottom:var(--s4)}.mt{margin-top:var(--s3)}.grow{flex:1;min-width:0}.push{margin-left:auto}.nowrap{white-space:nowrap}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--s3);margin-bottom:var(--s3)}.preview{box-shadow:var(--ring);border-radius:var(--r-sm);padding:var(--s2) var(--s3);overflow:auto;max-height:520px}.panel{background:var(--surface);box-shadow:var(--ring);border-radius:var(--r);padding:var(--s2) var(--s3);margin-bottom:var(--s3)}.section{margin-bottom:var(--s5)}.tabs{display:flex;align-items:center;gap:var(--s2);margin-bottom:var(--s4)}.tab{font:inherit;cursor:pointer;background:transparent;border:none;color:var(--text-dim);padding:var(--s2) var(--s3);border-radius:var(--r-sm)}.tab:hover{color:var(--text);background:var(--surface-2)}.tab.is-active{color:var(--text);font-weight:600;box-shadow:inset 0 -2px 0 var(--accent);border-radius:0}.tab.is-active:hover{background:transparent}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-weight:500;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);padding:var(--s2) var(--s3);white-space:nowrap}.table td{padding:var(--s3);border-top:1px solid var(--line);vertical-align:middle}.table tbody tr.is-click{cursor:pointer}.table tbody tr.is-click:hover{background:var(--surface-2)}.table tbody tr.is-off td,.cell-dim{color:var(--text-dim)}.cell-right{text-align:right;white-space:nowrap}.cell-right .btn+.btn{margin-left:var(--s2)}.cell-empty{padding:var(--s4) var(--s3);color:var(--text-dim)}.list-row{display:flex;align-items:center;gap:var(--s2);padding:var(--s2) var(--s3);border-top:1px solid var(--line)}.list-row:hover{background:var(--surface-2)}.group{margin-bottom:var(--s3)}.group-head{display:flex;align-items:center;gap:var(--s2);cursor:pointer;padding:var(--s2) var(--s3);background:var(--surface);box-shadow:var(--ring);border-radius:var(--r-sm)}.group-head:hover{box-shadow:var(--ring-hi)}.group-title{font-weight:600;flex:1}.group-name{font-weight:600;margin-bottom:var(--s2)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.col-abbrev{font-family:var(--mono);width:160px;flex-shrink:0}.chip{display:inline-block;background:var(--surface-3);box-shadow:var(--ring);border-radius:var(--r-sm);padding:1px var(--s2);margin:0 var(--s1) var(--s1) 0;font-size:11px;font-family:var(--mono)}.st{display:inline-block;font-size:12px;letter-spacing:.02em;padding:2px var(--s2);border-radius:var(--r-pill);box-shadow:var(--ring)}.st-green{color:var(--green)}.st-amber{color:var(--amber)}.st-red{color:var(--red)}.st-dim{color:var(--text-dim)}.pager{display:flex;align-items:center;gap:var(--s3);margin-top:var(--s4);color:var(--text-dim);font-size:13px}.modal-backdrop{position:fixed;inset:0;background:#0000009e;display:grid;place-items:center;z-index:50;padding:var(--s4)}.modal{background:var(--surface);box-shadow:var(--ring-hi),0 24px 64px #0000008c;border-radius:var(--r);padding:var(--s5);max-width:420px;width:100%}.modal-title{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:var(--s3)}.modal-value{font-family:var(--mono);background:var(--surface-2);box-shadow:var(--ring);border-radius:var(--r-sm);padding:var(--s3);word-break:break-all}.modal-actions{display:flex;gap:var(--s2);margin-top:var(--s4);justify-content:flex-end}@media(max-width:1024px){.sidebar{width:176px}.content{padding:var(--s4)}.form-grid{grid-template-columns:1fr}.col-abbrev{width:120px}}.color-dot{width:16px;height:16px;border-radius:5px;flex:none;background:var(--ann-c);box-shadow:inset 0 0 0 1px #ffffff40}.color-dot-lg{width:26px;height:26px;border-radius:var(--r-sm)}.input-hex{width:120px;text-transform:uppercase}.input-bad{box-shadow:inset 0 0 0 1px var(--red)}.swatches{display:flex;gap:var(--s2);flex-wrap:wrap;margin-top:var(--s2)}.swatch{width:22px;height:22px;border:none;padding:0;cursor:pointer;border-radius:var(--r-sm);background:var(--ann-c);box-shadow:inset 0 0 0 1px #ffffff38}.swatch.is-sel{box-shadow:inset 0 0 0 2px #fff}.check{display:inline-flex;align-items:center;gap:var(--s2);color:var(--text-dim);cursor:pointer;margin-top:var(--s2)}.textarea-sm{min-height:96px;font-family:inherit}.switch{position:relative;flex:none;width:34px;height:19px;padding:0;border:none;cursor:pointer;border-radius:var(--r-pill);background:#ffffff21;box-shadow:var(--ring)}.switch:after{content:"";position:absolute;top:2px;left:2px;width:15px;height:15px;border-radius:50%;background:#fff;transition:transform .12s ease}.switch.is-on{background:var(--green);box-shadow:none}.switch.is-on:after{transform:translate(15px)}.list-row.is-draft{opacity:.5}.ann{display:flex;gap:var(--s3);align-items:flex-start;border-radius:var(--r-sm);padding:var(--s2) var(--s3);background:color-mix(in srgb,var(--ann-c) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--ann-c) 40%,transparent)}.ann-bd{flex:1;min-width:0}.ann-title{font-size:12.5px;font-weight:700;margin-bottom:1px;color:var(--ann-c);word-break:break-word}.ann-body{font-size:12px;color:var(--text-dim);line-height:1.45;white-space:pre-wrap;word-break:break-word}.ann-pin{font-size:10px;color:var(--faint);flex:none;padding-top:2px}.ann-x{font-size:13px;color:var(--faint);flex:none;padding:0 4px}.md{font-size:14px;line-height:1.7;color:var(--text)}.md h1,.md h2,.md h3{color:var(--text);margin:.8em 0 .4em;line-height:1.3}.md h1{font-size:20px}.md h2{font-size:17px}.md h3{font-size:15px}.md p{margin:.5em 0}.md ul,.md ol{margin:.5em 0;padding-left:1.4em}.md li{margin:.2em 0}.md a{color:var(--accent);border-bottom:1px solid var(--accent-tint);text-decoration:none}.md a:hover{border-color:var(--accent)}.md code{background:#ffffff0f;box-shadow:var(--ring);border-radius:var(--r-sm);padding:1px 5px;font-family:var(--mono);font-size:12px}.md pre{background:var(--surface-2);box-shadow:var(--ring);border-radius:var(--r-sm);padding:var(--s3);overflow-x:auto}.md pre code{background:none;box-shadow:none;padding:0}.md blockquote{border-left:2px solid var(--line);margin:.5em 0;padding-left:var(--s3);color:var(--text-dim)}.md table{border-collapse:collapse;margin:.5em 0}.md th,.md td{border:1px solid var(--line);padding:6px 10px;text-align:left}.md hr{border:none;border-top:1px solid var(--line);margin:1em 0}