:root{--ground:#141310;--ground-2:#1b1915;--panel:#211e19;--line:#40372d;--text:#f5eee5;--muted:#baad9c;--faint:#a99a87;--hype:#ff934f;--hype-ink:#2c1609;--danger:#ff9f88;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,'Liberation Mono',monospace;color-scheme:dark}
*{box-sizing:border-box}
body{margin:0;background:var(--ground);color:var(--text);font:14px/1.7 var(--mono)}
.cer{max-width:760px;margin:auto;padding:48px 16px 64px}
.eyebrow{font-size:11px;letter-spacing:.13em;color:var(--hype);margin:0}
h1{font-size:clamp(1.7rem,4.5vw,2.4rem);line-height:1.15;letter-spacing:-.02em;margin:14px 0 16px;font-weight:600}
h2{font-size:16px;font-weight:600;margin:0 0 12px;display:flex;align-items:center;gap:12px}
h2 span{width:26px;height:26px;display:inline-grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--hype);font-size:12px}
.lede,.muted{color:var(--muted)}.muted{font-size:12.5px}
code{color:var(--hype)}
.notice{border:1px solid var(--line);border-left:3px solid var(--hype);background:rgba(255,147,79,.05);border-radius:0 10px 10px 0;padding:14px 18px;font-size:13px;margin:22px 0}
.notice b{color:var(--hype);font-weight:600}
.status{padding:12px 16px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:12.5px;overflow-wrap:anywhere}
.status[data-state=ok]{color:var(--hype)}.status[data-state=error]{color:var(--danger);border-color:var(--danger)}
.step{background:var(--ground-2);border:1px solid var(--line);border-radius:14px;padding:22px;margin:18px 0}
label{display:block;font-size:12px;color:var(--muted);margin:14px 0}
input[type=text],input[type=url],textarea{display:block;width:100%;margin-top:7px;background:var(--ground);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px 12px;font:13px var(--mono)}
input:focus,textarea:focus,.pad:focus{outline:1px solid var(--hype)}
input[type=file]{display:block;margin-top:7px;font:12px var(--mono);color:var(--muted);max-width:100%}
.row{display:flex;gap:8px;margin-top:7px}.row input{margin-top:0}
button,.button{font:600 13px var(--mono);border-radius:8px;padding:11px 16px;cursor:pointer;border:1px solid var(--line);background:transparent;color:var(--text);text-decoration:none;display:inline-block}
button.primary,.button.primary{background:var(--hype);color:var(--hype-ink);border-color:var(--hype)}
button:disabled{opacity:.45;cursor:not-allowed}
.facts{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;font-size:12px;margin:14px 0}
.facts dt{color:var(--faint)}.facts dd{margin:0;overflow-wrap:anywhere}
.chain{font-size:12px;color:var(--muted);padding-left:22px;margin:8px 0}
.pad{height:120px;border:1px dashed var(--line);border-radius:10px;display:grid;place-items:center;align-content:center;gap:10px;color:var(--faint);font-size:12px;user-select:none;touch-action:none}
.pad meter{width:60%}
.result{margin-top:18px;border-top:1px solid var(--line);padding-top:16px}
pre{background:var(--ground);border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:13px/1.6 var(--mono);color:var(--hype);overflow-x:auto;margin:8px 0}
.final{color:var(--text);border-left:3px solid var(--hype);padding-left:12px;margin-top:16px}
footer{margin-top:28px}
[hidden]{display:none!important}
@media(max-width:520px){.cer{padding:32px 16px 48px}.step{padding:16px}.row{flex-direction:column}}