:root{--bg:#f3f2ee;--surface:#fbfaf7;--ink:#16181d;--muted:#6a6e78;--line:#d9d7cf;--accent:#1f4fd8;--accent-ink:#ffffff;--warn:#b4532a;--ok:#2c7a4b;--bar:#c9d3f5;--font-display:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif;--font-body:"Instrument Sans","Helvetica Neue",Arial,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#14161a;--surface:#1c1f25;--ink:#eceae4;--muted:#9a9ea8;--line:#2f333b;--accent:#7aa0ff;--accent-ink:#0d1220;--warn:#e08a5c;--ok:#6cc590;--bar:#2b3a66;color-scheme:dark}}*{box-sizing:border-box}body,html{margin:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:15px;line-height:1.5;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-block:24px 56px}a{color:var(--accent)}.wrap{max-width:1100px;margin:0 auto}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.015em;text-wrap:balance}h1{font-size:1.8rem;margin:0}h2{font-size:1.05rem;margin:0 0 12px}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:28px;padding-bottom:14px;border-bottom:1px solid var(--line)}.nav .brand{font-family:var(--font-display);font-weight:700;font-size:1.3rem;color:var(--ink);text-decoration:none;letter-spacing:-.02em}.nav .who{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--muted)}.nav form{margin:0}.linkbtn{font:inherit;font-size:.8rem;background:none;border:none;color:var(--accent);cursor:pointer;padding:0;text-decoration:underline}.pagehead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:20px}.panel{background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:18px;margin-bottom:18px}.fields{grid-gap:12px}.fields,.row2{display:grid;gap:12px}.row2{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px}@media (max-width:480px){.row2{grid-template-columns:minmax(0,1fr)}}label{display:grid;grid-gap:4px;gap:4px;font-size:.8rem;color:var(--muted)}input[type=email],input[type=text],input[type=url],select,textarea{font:inherit;font-size:.95rem;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:9px 10px;width:100%;min-width:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.sub{font-size:.74rem;color:var(--muted);margin:16px 0 6px;text-transform:uppercase;letter-spacing:.07em;font-family:var(--font-mono)}.sub:first-child{margin-top:0}.seg{display:flex;flex-wrap:wrap;gap:6px}.seg button{font:inherit;font-size:.82rem;padding:6px 11px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}.seg button[aria-pressed=true]{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);color:var(--accent)}.colors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px}.color{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted)}.color input[type=color]{width:44px;height:34px;border:1px solid var(--line);border-radius:6px;background:var(--bg);padding:2px;cursor:pointer}.check{display:flex;align-items:center;gap:8px;font-size:.9rem}.btn,.check{color:var(--ink)}.btn{font:inherit;font-weight:600;font-size:.9rem;padding:10px 14px;border-radius:8px;border:1px solid var(--ink);background:transparent;cursor:pointer;text-decoration:none;display:inline-block;text-align:center}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn.danger{border-color:var(--warn);color:var(--warn)}.btn:disabled{opacity:.45;cursor:not-allowed}.status{font-family:var(--font-mono);font-size:.76rem;margin:8px 0 0;min-height:1.3em}.status.warn{color:var(--warn)}.status.ok{color:var(--ok)}.hint{font-size:.78rem;color:var(--muted);margin:6px 0 0}.editor{display:grid;grid-template-columns:minmax(0,1fr) 340px;grid-gap:28px;gap:28px;align-items:start}@media (max-width:820px){.editor{grid-template-columns:minmax(0,1fr)}.sticky{position:static!important;order:-1}}.sticky{position:-webkit-sticky;position:sticky;top:16px}.stage{background:#ffffff;border:1px solid var(--line);border-radius:10px;padding:18px;display:grid;place-items:center;min-height:280px}.stage svg{width:100%;max-width:300px;height:auto;display:block}.actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:8px;gap:8px;margin-top:12px}.shorturl{font-family:var(--font-mono);font-size:.78rem;background:var(--bg);border:1px solid var(--line);border-radius:6px;padding:8px;margin-top:12px;overflow-wrap:anywhere}.list{grid-gap:10px;gap:10px}.item,.list{display:grid}.item{grid-template-columns:76px minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:12px 14px;color:inherit;text-decoration:none}.item:hover{border-color:var(--accent)}.thumb{width:76px;height:76px;background:#fff;border-radius:6px;border:1px solid var(--line);display:grid;place-items:center;padding:4px}.thumb svg{width:100%;height:100%;display:block}.item h3{margin:0;font-size:1rem}.item .dest{font-size:.78rem;color:var(--muted);overflow-wrap:anywhere}.counts{text-align:right;font-family:var(--font-mono)}.counts strong{display:block;font-size:1.4rem;font-family:var(--font-display);line-height:1.1}.counts span{font-size:.72rem;color:var(--muted)}@media (max-width:560px){.item{grid-template-columns:60px minmax(0,1fr)}.thumb{width:60px;height:60px}.counts{grid-column:2;text-align:left}}.pill{display:inline-block;font-family:var(--font-mono);font-size:.68rem;padding:2px 8px;border-radius:999px;border:1px solid var(--line);color:var(--muted);margin-left:8px;vertical-align:middle}.pill.on{color:var(--ok);border-color:var(--ok)}.pill.off{color:var(--warn);border-color:var(--warn)}.empty{text-align:center;padding:40px 16px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px;margin-bottom:18px}@media (max-width:640px){.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi{background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:12px}.kpi strong{display:block;font-family:var(--font-display);font-size:1.6rem;line-height:1.1;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kpi span{font-size:.74rem;color:var(--muted)}.chart{display:flex;align-items:flex-end;gap:3px;height:120px;border-bottom:1px solid var(--line);padding-bottom:2px}.chart .col{flex:1 1;min-width:0;background:var(--accent);border-radius:2px 2px 0 0;min-height:2px;opacity:.85}.chart .col.zero{background:var(--line);opacity:1}.axis{display:flex;justify-content:space-between;font-family:var(--font-mono);font-size:.68rem;color:var(--muted);margin-top:4px}.breakdowns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px;margin-top:18px}@media (max-width:640px){.breakdowns{grid-template-columns:minmax(0,1fr)}}.bd h3{font-size:.8rem;margin:0 0 8px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.07em;color:var(--muted);font-weight:400}.bar{position:relative;display:flex;justify-content:space-between;gap:8px;font-size:.84rem;padding:4px 8px;margin-bottom:3px;border-radius:4px;background:linear-gradient(90deg,var(--bar) var(--w,0),transparent var(--w,0));font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.login{max-width:420px;margin:12vh auto 0;display:grid;grid-gap:16px;gap:16px}