:root{--bg: #0b1020;--panel: #131a2a;--accent: #7c9cff;--muted: #9aa5b1;--text: #e7edf7;--border: #243049;--ok: #35c27d;--warn: #f0b429}*{box-sizing:border-box}html,body{height:100%;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1200px 800px at 10% -10%,#17203a 0,transparent 60%),radial-gradient(1000px 800px at 110% 10%,#141c33 0,transparent 50%),var(--bg)}header{padding:24px 20px;position:sticky;top:0;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:linear-gradient(180deg,#0b1020e6,#0b102099 60%,#0b102000);border-bottom:1px solid var(--border);z-index:10}.container{max-width:1100px;margin:0 auto;padding:0 16px}h1{margin:0;font-size:22px;letter-spacing:.2px}.sub{color:var(--muted);font-size:14px;margin-top:6px}textarea,pre.output{width:100%;min-height:320px;background:var(--panel);color:var(--text);border:none;outline:none;padding:14px;font:13px/1.4 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;resize:vertical}pre.output{white-space:pre-wrap;word-wrap:break-word}button{border:1px solid var(--border);background:linear-gradient(180deg,#1b2540,#121a2e);color:var(--text);padding:10px 12px;border-radius:12px;cursor:pointer;font-size:13px;margin-top:8px;margin-right:8px}button:hover{border-color:var(--accent)}button:active{transform:translateY(1px)}footer{color:var(--muted);font-size:12px;text-align:center;padding:28px 12px}