:root{--pink:#ff54b5;--pink-dark:#e23fa0;--pink-soft:#fff0f9;--pink-soft-border:#ffd3ee;--ink:#141414;--muted:#6b6b6b;--faint:#9b9b9b;--line:#e7e7e7;--wash:#f4f4f4;--white:#fff;--canvas:#eaeaea;--red:#b3261e;--green:#1e7b4b;--logo-gradient:linear-gradient(90deg,#f12123 0%,#ff54b5 100%)}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--canvas);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font-family:inherit}.page{max-width:820px;margin:0 auto;padding:32px 20px 80px}.card{background:var(--white);border:1px solid var(--line);margin-bottom:20px;padding:28px}.topline{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.tag{background:var(--ink);color:var(--white);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;padding:8px 14px;font-size:12px;font-weight:700}.eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--pink);margin-bottom:12px;font-size:11px;font-weight:700}h1{letter-spacing:-.01em;margin:0 0 8px;font-size:26px;font-weight:800;line-height:1.25}h2{margin:0 0 4px;font-size:18px;font-weight:800}.sub{color:var(--muted);margin:0 0 24px;font-size:14.5px;line-height:1.55}.field{margin-bottom:22px}.label{letter-spacing:.05em;text-transform:uppercase;margin-bottom:8px;font-size:11px;font-weight:700;display:block}.label .hint{color:var(--faint);text-transform:none;letter-spacing:0;font-weight:600}.help{color:var(--muted);margin:6px 0 0;font-size:12.5px;line-height:1.5}input[type=text],textarea{background:var(--wash);width:100%;color:var(--ink);border:1px solid #0000;border-radius:4px;padding:12px 14px;font-size:14.5px;transition:border-color .15s,background .15s}textarea{resize:vertical;min-height:110px;line-height:1.5}input[type=text]:focus,textarea:focus{border-color:var(--pink);background:var(--white);outline:none}input::placeholder,textarea::placeholder{color:var(--faint)}.seg{border:1px solid var(--line);border-radius:6px;display:inline-flex;overflow:hidden}.seg button{background:var(--white);color:var(--muted);cursor:pointer;border:none;padding:10px 22px;font-size:13.5px;font-weight:700}.seg button.on{background:var(--ink);color:var(--white)}.check{color:var(--muted);cursor:pointer;align-items:center;gap:8px;margin-top:8px;font-size:13px;font-weight:600;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.chip{background:var(--pink-soft);border:1px solid var(--pink-soft-border);color:var(--pink-dark);border-radius:4px;padding:5px 9px;font-size:12.5px;font-weight:600}.count{font-size:12.5px;font-weight:700}.count.ok{color:var(--green)}.count.bad{color:var(--red)}.count.idle{color:var(--faint)}details{border:1px solid var(--line);border-radius:6px;margin-bottom:22px;padding:14px 16px}summary{cursor:pointer;font-size:13.5px;font-weight:700}details[open] summary{margin-bottom:16px}.errors{color:var(--red);background:#fff0f0;border:1px solid #ffd3d3;border-radius:6px;margin-bottom:18px;padding:14px 16px;font-size:13.5px}.errors ul{margin:6px 0 0;padding-left:18px}.errors li{margin-bottom:3px}.btn{background:var(--logo-gradient);color:var(--white);cursor:pointer;border:none;border-radius:6px;padding:12px 22px;font-size:14px;font-weight:700;transition:filter .15s}.btn:hover{filter:brightness(.92)}.btn:disabled{opacity:.45;cursor:not-allowed;filter:none}.btn2{background:var(--white);color:var(--ink);border:1px solid var(--line);cursor:pointer;border-radius:6px;padding:9px 14px;font-size:13px;font-weight:700}.btn2:hover{border-color:var(--ink)}.btn2.danger:hover{border-color:var(--red);color:var(--red)}.actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.result{background:var(--pink-soft);border:1px solid var(--pink-soft-border);border-radius:6px;margin-top:22px;padding:20px}.linkbox{background:var(--white);border:1px solid var(--line);word-break:break-all;border-radius:4px;margin:10px 0 14px;padding:12px 14px;font-size:14px;font-weight:600}.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;letter-spacing:.05em;text-transform:uppercase;color:var(--faint);padding:0 8px 10px 0;font-size:11px;font-weight:700}.table td{border-top:1px solid var(--line);vertical-align:middle;padding:12px 8px 12px 0}.table tr.dead td{color:var(--faint)}.table .name{font-weight:700}.badge{letter-spacing:.04em;text-transform:uppercase;background:var(--wash);color:var(--muted);border-radius:4px;padding:3px 7px;font-size:11px;font-weight:700;display:inline-block}.badge.active{color:var(--green);background:#e6f4ec}.badge.deleted{color:var(--red);background:#fff0f0}.badge.expired{color:#9a5b00;background:#fff4e5}.empty{color:var(--faint);font-size:14px;font-style:italic}.page.wide{max-width:1400px}.main-col{max-width:820px;margin:0 auto}.preview-col{max-width:620px;margin:0 auto 20px}.preview-card{background:var(--white);border:1px solid var(--line);padding:16px}.preview-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-head h2{margin:0}.preview-head select{background:var(--wash);color:var(--ink);border:1px solid #0000;border-radius:4px;max-width:260px;padding:8px 10px;font-size:13px;font-weight:600}.preview-frame{border:1px solid var(--line);background:var(--white);width:100%;height:760px;display:block}@media (min-width:1340px){.layout{grid-template-columns:minmax(0,720px) 580px;justify-content:center;align-items:start;gap:20px;display:grid}.main-col{max-width:none;margin:0}.preview-col{max-width:none;margin:0;position:sticky;top:20px}.preview-frame{height:calc(100vh - 150px);min-height:640px}}@media (max-width:640px){.card{padding:20px}.table th:nth-child(3),.table td:nth-child(3){display:none}}