:root { --bg:#0a0e14; --panel:#10171e; --text:#c9d1d9; --accent:#1f6feb; --border:#1f2d3d; --ok:#39d353; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--text); font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace; height:100vh; overflow:hidden; display:flex; justify-content:center; align-items:center; padding:16px; }
.wrap { width:100%; max-width:800px; }
.logo { font-size:2rem; font-weight:bold; margin-bottom:8px; color:#fff; }
.sub { color:#6e7681; margin-bottom:24px; font-size:.9rem; }
textarea { width:100%; height:320px; background:var(--panel); color:var(--text); border:1px solid var(--border); padding:16px; font:inherit; resize:vertical; outline:none; border-radius:6px; }
.row { display:flex; align-items:center; gap:12px; margin-top:12px; flex-wrap:wrap; }
select, button { background:var(--panel); color:var(--text); border:1px solid var(--border); padding:10px 14px; border-radius:6px; font:inherit; cursor:pointer; }
button { background:var(--accent); border-color:var(--accent); color:#fff; }
button:hover { opacity:.9; }
button:disabled { opacity:.4; cursor:not-allowed; }
#msg { margin-top:12px; min-height:24px; color:var(--ok); font-size:.9rem; word-break:break-all; }
#link { margin-top:8px; color:#79c0ff; font-size:.8rem; word-break:break-all; }
.warn { color:#d29922; font-size:.8rem; margin-top:8px; }
.links { margin-top:24px; color:#6e7681; font-size:.8rem; }
.links a { color:#79c0ff; text-decoration:none; }
.links a:hover { text-decoration:underline; }
footer { margin-top:12px; color:#444c56; font-size:.8rem; text-align:center; }