:root{--vh-bg:#0b1a2b;--vh-surface:#10243d;--vh-accent:#2bb673;--vh-accent-2:#3ea3ff;--vh-text:#e9f1fb;--vh-border:#1e3a5c;--vh-radius:16px}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 Inter,system-ui,sans-serif;background:linear-gradient(180deg,var(--vh-bg),#07101b);color:var(--vh-text)}
.vh-container{max-width:960px;margin:0 auto;padding:24px}.vh-card{background:var(--vh-surface);border:1px solid var(--vh-border);border-radius:var(--vh-radius);padding:20px;box-shadow:0 6px 24px rgba(0,0,0,.25);margin:20px 0}
.vh-header{background:var(--vh-surface);border-bottom:1px solid var(--vh-border)}.vh-title{margin:0;font-size:28px}.vh-sub{color:#b8c7dc;margin:6px 0 0}
.vh-input{width:100%;background:#0d2036;border:1px solid var(--vh-border);color:var(--vh-text);border-radius:12px;padding:12px 14px}
.vh-label{font-weight:600}.vh-btn{appearance:none;border:0;background:var(--vh-accent);color:#07101b;font-weight:700;border-radius:999px;padding:12px 16px;cursor:pointer}
.vh-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:700px){.vh-grid-2{grid-template-columns:1fr}}
.vh-pre{white-space:pre-wrap;background:#071420;border:1px solid var(--vh-border);padding:16px;border-radius:12px;overflow:auto;max-height:65vh}
.hint{color:#b8c7dc;font-size:14px}.controls{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
@media print{header,.controls,form{display:none!important}body{background:#fff;color:#000}.vh-card{border:none;background:#fff}.vh-pre{max-height:none;overflow:visible;border:none;background:#fff;color:#000}}
#results,#pretty,textarea,body{overflow-wrap:anywhere;word-break:break-word}
#results,#pretty{max-height:65vh;overflow-y:auto}