:root{--bg:#f7f7f5;--panel:#fff;--ink:#18181b;--muted:#6b6b73;--line:#e4e4e0;--accent:#5b4bff;--accent-ink:#fff;--accent-soft:#eeecff;--ok:#16794c;--err:#b42318;--warn:#a15c07;--mono:ui-monospace, SFMono-Regular, Menlo, monospace}@media (prefers-color-scheme:dark){:root{--bg:#111113;--panel:#1a1a1d;--ink:#f2f2f3;--muted:#9a9aa3;--line:#2c2c31;--accent:#8b7fff;--accent-ink:#111113;--accent-soft:#24213d;--ok:#4ade80;--err:#f87171;--warn:#fbbf24}}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.wrap{max-width:960px;margin:0 auto;padding:24px 16px 80px}.topbar{border-bottom:1px solid var(--line);background:var(--panel);justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.topbar nav{align-items:center;gap:16px;font-size:14px;display:flex}.brand{color:var(--ink);letter-spacing:-.01em;font-weight:700}.brand span{color:var(--accent)}h1{letter-spacing:-.01em;margin:0 0 4px;font-size:24px}h2{margin:0 0 14px;font-size:15px}.sub{color:var(--muted);margin:0 0 20px;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:14px;margin-bottom:20px;padding:20px}label{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;margin:0 0 6px;font-size:12px;font-weight:600;display:block}input,select{width:100%;font:inherit;color:inherit;background:var(--bg);border:1px solid var(--line);border-radius:9px;outline:none;padding:9px 11px}input:focus,select:focus{border-color:var(--accent)}.grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-top:14px;display:grid}.inline{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.inline>div{flex:220px}.chips{flex-wrap:wrap;gap:8px;margin-top:6px;display:flex}.chip{border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;border-radius:999px;padding:6px 12px;font-size:13px}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.slugrow{display:flex}.slugrow select{width:auto;max-width:55%;font-family:var(--mono);border-right:0;border-radius:9px 0 0 9px;font-size:13px}.slugrow input{font-family:var(--mono);border-radius:0 9px 9px 0}.preview{background:var(--accent-soft);border-radius:12px;margin-top:18px;padding:16px}.preview .pretty{font-family:var(--mono);word-break:break-all;font-size:20px;font-weight:600}.preview .ugly,.mono-muted{font-family:var(--mono);color:var(--muted);word-break:break-all;font-size:12px}.row{flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;display:flex}.btn{font:inherit;cursor:pointer;border:1px solid var(--accent);background:var(--accent);color:var(--accent-ink);border-radius:9px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}.btn:hover{text-decoration:none}.btn.ghost{color:var(--accent);background:0 0}.btn.small{padding:5px 10px;font-size:13px;font-weight:500}.btn.danger{border-color:var(--err);color:var(--err);background:0 0}.btn:disabled{opacity:.5;cursor:default}.msg{font-size:13px}.msg.ok{color:var(--ok)}.msg.err{color:var(--err)}.badge{vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.badge.ok{background:color-mix(in srgb, var(--ok) 15%, transparent);color:var(--ok)}.badge.pending{background:color-mix(in srgb, var(--warn) 15%, transparent);color:var(--warn)}details{margin-top:14px}summary{cursor:pointer;color:var(--muted);font-size:13px}.list{margin:0;padding:0;list-style:none}.list>li{border-top:1px solid var(--line);grid-template-columns:1fr auto;gap:6px 14px;padding:14px 0;display:grid}.list>li:first-child{border-top:0;padding-top:0}.list .p{font-family:var(--mono);word-break:break-all;font-weight:600}.acts{flex-wrap:wrap;justify-content:end;align-items:start;gap:6px;display:flex}.empty{color:var(--muted);font-size:14px}.click-stats{color:var(--muted);flex-wrap:wrap;gap:4px 14px;margin-top:8px;font-size:12px;display:flex}.click-stats strong{color:var(--ink);font-variant-numeric:tabular-nums}.cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);color:var(--ink);border-radius:14px;padding:16px;display:block}.card:hover{border-color:var(--accent);text-decoration:none}.card .name{font-weight:600}.card .meta{color:var(--muted);font-size:13px}.steps{color:var(--muted);margin:8px 0 0;padding-left:20px;font-size:14px}.steps code,code{font-family:var(--mono);background:var(--bg);border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:12px}.promo{border:1px dashed var(--accent);background:var(--accent-soft)}.hero{text-align:center;padding:72px 0 40px}.hero h1{font-size:40px;line-height:1.15}.hero .demo{font-family:var(--mono);text-align:left;max-width:640px;margin:28px auto}.center{justify-content:center;padding:48px 16px;display:flex}table.presets{border-collapse:collapse;width:100%}table.presets td,table.presets th{text-align:left;padding:4px}table.presets th{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}@media (max-width:600px){.topbar{flex-wrap:wrap}.topbar nav{flex-wrap:wrap;gap:10px 14px}.list>li{grid-template-columns:1fr}.acts{justify-content:start}.hero h1{font-size:30px}table.presets,table.presets tbody,table.presets tr,table.presets td{width:100%;display:block}table.presets thead{display:none}table.presets tr{border-top:1px solid var(--line);padding:8px 0}}.center.auth{flex-direction:column;align-items:center;gap:20px}.auth-brand{font-size:26px}
