:root{--bg:#f4f6f8;--fg:#222;--muted:#666;--line:#ccc;--card:#fff;--accent:#1f6feb;--accent-hover:#195cc4;--secondary:#444;--secondary-hover:#222;--ok-bg:#e8f6ee;--ok-line:#7cc89a;--ok-fg:#145c2d;--no-bg:#fff3e5;--no-line:#f0b36d;--no-fg:#7a3f00;--err-bg:#fdecec;--err-line:#e08b8b;--err-fg:#8a1f1f;--full-bg:#f7f7f7;--full-line:#ddd;--full-fg:#222}@media (prefers-color-scheme:dark){:root{--bg:#111318;--fg:#f1f3f6;--muted:#9aa1ac;--line:#3a4049;--card:#1a1d24;--accent:#3b82f6;--accent-hover:#2f6fd8;--secondary:#4b5563;--secondary-hover:#6b7280;--ok-bg:#12301f;--ok-line:#2f7d4f;--ok-fg:#a7e3bf;--no-bg:#33230f;--no-line:#94601f;--no-fg:#f5cf9b;--err-bg:#381616;--err-line:#a04848;--err-fg:#f4b4b4;--full-bg:#20242c;--full-line:#3a4049;--full-fg:#e5e7eb}}*{box-sizing:border-box}html,body{overflow-x:hidden}body{background:var(--bg);color:var(--fg);margin:0;padding:40px;font-family:Arial,sans-serif}.box{background:var(--card);border-radius:14px;max-width:760px;margin:0 auto;padding:28px;box-shadow:0 8px 24px #00000014}h1{margin-top:0;font-size:24px}label{margin-bottom:8px;font-weight:700;display:block}input{border:1px solid var(--line);background:var(--bg);width:100%;color:var(--fg);border-radius:8px;margin-bottom:14px;padding:12px;font-size:18px}.buttons{grid-template-columns:1fr 1fr;gap:12px;display:grid}button{cursor:pointer;background:var(--accent);color:#fff;border:0;border-radius:8px;width:100%;padding:12px 18px;font-size:17px;font-weight:700}button:hover{background:var(--accent-hover)}button:disabled{cursor:not-allowed;background:#999}button.secondary{background:var(--secondary)}button.secondary:hover{background:var(--secondary-hover)}.result{overflow-wrap:anywhere;border-radius:10px;margin-top:22px;padding:16px;line-height:1.5}.result.ok{background:var(--ok-bg);border:1px solid var(--ok-line);color:var(--ok-fg)}.result.no{background:var(--no-bg);border:1px solid var(--no-line);color:var(--no-fg)}.result.error{background:var(--err-bg);border:1px solid var(--err-line);color:var(--err-fg)}.result.full{background:var(--full-bg);border:1px solid var(--full-line);color:var(--full-fg)}pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:Consolas,Monaco,Courier New,monospace;font-size:13px;line-height:1.45}.muted{color:var(--muted);margin-top:14px;font-size:14px}.small{opacity:.85;margin-top:8px;font-size:14px}.zpet{max-width:760px;margin:0 auto 14px;font-size:14px}.zpet a{color:var(--muted)}@media (max-width:640px){body{padding:20px}.buttons{grid-template-columns:1fr}}