:root{--bg: #faf7f3;--card: #ffffff;--ink: #2b211a;--muted: #7a6c60;--line: #e8e0d6;--accent: #f4570f;--accent-soft: #fff0e6;--ok: #1c7c3f;--ok-bg: #e3f2e8;--warn: #8a5f00;--warn-bg: #f7ecd2;--bad: #b52020;--bad-bg: #fbe3e3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,sans-serif;line-height:1.55}main{max-width:1080px;margin:0 auto;padding:2rem 1.5rem 4rem}.card>p,.card label.small,.hint,.sub{max-width:82ch}h1{font-size:1.45rem;font-weight:750;letter-spacing:-.01em;margin:0 0 .2rem}h2{font-size:1.05rem;font-weight:700;margin:0 0 .6rem}.sub{color:var(--muted);font-size:.9rem;margin:0 0 1.6rem}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:1.25rem 1.4rem;margin-bottom:1.1rem}.row{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap}.grow{flex:1 1 auto}button{font:inherit;font-weight:600;border:none;border-radius:8px;padding:.5rem 1rem;cursor:pointer;background:var(--accent);color:#fff}button.secondary{background:var(--accent-soft);color:var(--accent)}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input[type=text],input[type=url],textarea{font:inherit;width:100%;border:1px solid var(--line);border-radius:8px;padding:.5rem .7rem;background:var(--card);color:var(--ink)}textarea{min-height:90px;resize:vertical}.chip{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.04em;padding:.12rem .6rem;border-radius:99px;text-transform:uppercase}.chip.ok{color:var(--ok);background:var(--ok-bg)}.chip.warn{color:var(--warn);background:var(--warn-bg)}.chip.bad{color:var(--bad);background:var(--bad-bg)}.hint{font-size:.82rem;color:var(--muted);margin:.4rem 0 0}.error{color:var(--bad);background:var(--bad-bg);border-radius:8px;padding:.6rem .9rem;font-size:.88rem}.list{margin:.6rem 0 0;padding:0;list-style:none}.list li{display:flex;align-items:center;gap:.6rem;padding:.45rem 0;border-top:1px solid var(--line);font-size:.9rem}.list li:first-child{border-top:none}code.token{background:var(--accent-soft);padding:.35rem .6rem;border-radius:6px;font-size:.8rem;word-break:break-all;user-select:all}.steps{display:flex;gap:.35rem;margin-bottom:1.4rem;flex-wrap:wrap}.steps span{font-size:.75rem;font-weight:650;padding:.25rem .7rem;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--muted)}.steps span.active{background:var(--accent);border-color:var(--accent);color:#fff}.steps span.done{color:var(--ok);border-color:var(--ok-bg);background:var(--ok-bg)}.small{font-size:.82rem}a{color:var(--accent)}.logrow{font-variant-numeric:tabular-nums}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.steps button{font:inherit;font-size:.75rem;font-weight:650;cursor:pointer;padding:.25rem .7rem;border-radius:99px;background:var(--card);border:1px solid var(--line);color:var(--muted)}.steps button.active{background:var(--accent);border-color:var(--accent);color:#fff}.steps button:hover{border-color:var(--accent)}button.linklike{background:none;border:none;padding:0;color:var(--accent);font:inherit;text-decoration:underline;cursor:pointer}label.block{display:block;margin:.6rem 0}label.block>input,label.block>textarea,label.block>select{margin-top:.25rem}select{font:inherit;width:100%;padding:.45rem .6rem;border:1px solid var(--line);border-radius:8px;background:var(--card);color:var(--ink)}.preview{background:var(--accent-soft);border-radius:8px;padding:.6rem .8rem;margin-top:.6rem}.preview p{margin:.25rem 0 0}.ok-note{background:var(--ok-bg);color:var(--ok);border-radius:8px;padding:.6rem .9rem;font-size:.88rem}.errtext{color:var(--bad);flex-basis:100%}ul.spaced,ol.spaced{padding-left:1.2rem;margin:.2rem 0 .8rem}ul.spaced li,ol.spaced li{margin:.2rem 0}.card.danger{border-color:var(--bad-bg)}.zaplist{margin:.9rem 0 .6rem}.zaprow{display:block;padding:.55rem 0;border-top:1px solid var(--line)}.zaprow-head{display:flex;align-items:baseline;gap:.55rem}.zapmark{font-weight:800;width:1em}.zaprow.ok .zapmark{color:var(--ok)}.zaprow.waiting .zapmark,.muted{color:var(--muted)}.zapguide{margin:.5rem 0 .2rem 1.55rem;padding:.7rem .9rem;background:var(--accent-soft);border-radius:8px}.zapguide ol{margin:.3rem 0}.zapshot{display:block;width:100%;max-width:520px;margin:.6rem 0;border:1px solid var(--line);border-radius:8px}.tabs{display:flex;gap:.25rem;margin:0 0 1.2rem;border-bottom:1px solid var(--line)}.tabs button{font:inherit;font-weight:650;font-size:.92rem;cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;padding:.5rem .9rem;color:var(--muted);border-radius:0}.tabs button.active{color:var(--ink);border-bottom-color:var(--accent)}.tabs button:hover{color:var(--ink)}.chip.off{color:var(--muted);background:var(--line)}