:root{--bg:#0b0b0b;--card:#141414;--text:#fff;--muted:#ffffffb8;--border:#ffffff1f;--accent:#2f6bff;--accent2:#57d3ff}*{box-sizing:border-box}html,body{height:100%}body{background:radial-gradient(900px 600px at 20% -10%,#2f6bff40,transparent 60%),radial-gradient(900px 600px at 90% 10%,#57d3ff2e,transparent 55%),var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.container{max-width:760px;margin:0 auto;padding:28px 18px 60px}.header{margin-bottom:18px}h1{letter-spacing:.2px;margin:0 0 6px;font-size:30px}.header p{color:var(--muted);margin:0;line-height:1.5}.card{border:1px solid var(--border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#141414d9;border-radius:18px;padding:18px;box-shadow:0 14px 40px #00000059}label{color:var(--muted);margin:14px 0 6px;font-size:14px;display:block}input,select,button{border:1px solid var(--border);width:100%;color:var(--text);background:#0a0a0a8c;border-radius:12px;outline:none;padding:12px;font-size:16px}input:focus,select:focus{border-color:#2f6bff99;box-shadow:0 0 0 3px #2f6bff2e}button{cursor:pointer;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#06101f;border:0;margin-top:14px;font-weight:700}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}@media (max-width:520px){.actions{flex-direction:column}}.actions{gap:12px;margin-top:14px;display:flex}.actions button{flex:1;margin:0}@media (max-width:520px){.actions{flex-direction:column}}#copyBtn{color:var(--text);border:1px solid var(--border);background:#0a0a0a8c}#copyBtn:hover{border-color:#57d3ff73}button:disabled{opacity:.6;cursor:not-allowed}.result{border:1px solid var(--border);white-space:pre-wrap;background:#0a0a0a8c;border-radius:14px;min-height:90px;margin-top:16px;padding:14px;line-height:1.55}.success{border-color:#32ffa059}.error{border-color:#ff5a5a73}.footer{color:var(--muted);text-align:center;margin-top:16px;font-size:13px}.footer a{color:var(--accent2);text-decoration:none}.footer a:hover{text-decoration:underline}