:root{color:#e8edf7;background:#101522;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 10%,#243a67,#0000 38%),#101522;place-items:center;min-height:100vh;margin:0;display:grid}main{background:#161e2d;border:1px solid #2d3d5d;border-radius:20px;width:min(680px,100% - 32px);padding:42px;box-shadow:0 20px 70px #0006}h1{margin:0 0 8px;font-size:2rem}.subtitle{color:#aab8d1;margin:0 0 28px}label{margin-bottom:8px;font-weight:600;display:block}textarea,input{width:100%;color:inherit;font:inherit;background:#0e1420;border:1px solid #3b4a68;border-radius:10px;padding:14px}textarea{resize:vertical;min-height:180px}button{color:#fff;font:inherit;cursor:pointer;background:#6d8df7;border:0;border-radius:10px;margin-top:14px;padding:12px 18px;font-weight:700}button:disabled{opacity:.6}.result,.notice,.message{background:#0e1420;border-radius:12px;margin-top:24px;padding:20px}.result input{margin-top:12px}.secondary{background:#334563;margin-bottom:0}.secondary.copied{background:#238759}.error{color:#ff9d9d}.warning{color:#86e4b4;margin-top:0}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;line-height:1.55}a{color:#9eb5ff}