:root{--bg: #0f1115;--card: #171a21;--ink: #e8eaf0;--mut: #9aa3b2;--acc: #4f8cff;--err: #ff6b6b;--line: #262b36;--mono: ui-monospace, SFMono-Regular, Menlo, monospace}@media(prefers-color-scheme:light){:root{--bg: #f6f7f9;--card: #fff;--ink: #16181d;--mut: #5b6472;--line: #e3e6ec}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.5 system-ui,sans-serif}main{max-width:760px;margin:0 auto;padding:40px 20px 80px}header h1{font-size:28px;margin:0;letter-spacing:-.02em}header p{color:var(--mut);margin:6px 0 28px}fieldset{border:1px solid var(--line);border-radius:12px;background:var(--card);padding:16px 18px;margin:0 0 16px}legend{padding:0 8px;color:var(--mut);font-size:13px;text-transform:uppercase;letter-spacing:.06em}label{display:block;margin:10px 0;font-weight:500}label input[type=text],label input:not([type]){display:block;width:100%;margin-top:6px;padding:9px 12px;border-radius:8px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit}input:focus{outline:2px solid var(--acc);outline-offset:0;border-color:transparent}.opt{color:var(--mut);font-weight:400}.err{color:var(--err);display:block;min-height:1em;font-weight:400}.hint{color:var(--mut);font-weight:400}.check{display:flex;align-items:center;gap:8px}.seg{display:flex;gap:8px;flex-wrap:wrap}.seg button{padding:10px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;cursor:pointer;text-align:left}.seg button.on{border-color:var(--acc);background:color-mix(in srgb,var(--acc) 12%,var(--bg))}.mods{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:4px}.mods label{font-weight:400;margin:2px 0;display:flex;align-items:center;gap:8px}#out{margin-top:28px}#out h2{font-size:15px;color:var(--mut)}#cmd{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px 16px;font-family:var(--mono);font-size:13px;overflow-x:auto;white-space:pre-wrap;word-break:break-all}#copy{margin-top:8px;padding:9px 18px;border-radius:8px;border:none;background:var(--acc);color:#fff;font:inherit;font-weight:600;cursor:pointer}