:root{--bg: #0b0f14;--panel: #121821;--text: #e6eef8;--muted: #a8b3c7;--accent: #7cc6ff}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.container{max-width:1000px;margin:0 auto;padding:24px}header{margin-bottom:16px}h1{margin:0 0 8px;font-size:28px}small{color:var(--muted)}.form,.output{background:var(--panel);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:16px;margin-bottom:16px}.row{display:grid;gap:6px;margin-bottom:12px}label{color:var(--muted);font-size:12px}input,select{padding:10px 12px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0f141b;color:var(--text)}button{padding:10px 14px;border-radius:8px;border:1px solid rgba(255,255,255,.12);background:#0f141b;color:var(--text);cursor:pointer}button[disabled]{opacity:.6;cursor:not-allowed}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.result{white-space:pre-wrap;line-height:1.5;min-height:140px;padding:12px;background:#0f141b;border-radius:8px;border:1px solid rgba(255,255,255,.08)}footer{text-align:center;margin-top:16px;color:var(--muted)}