:root{color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Helvetica Neue,Arial,Noto Sans,"Apple Color Emoji","Segoe UI Emoji";background:radial-gradient(1000px 600px at 50% -10%,#1b1b1b,#0b0b0b 60%);color:#eaeaea}.main{min-height:100%;display:grid;grid-template-rows:auto 1fr auto}.header{padding:18px 22px;border-bottom:1px solid #232323;background:#0f0f10;display:flex;align-items:center;gap:10px}.brand{font-weight:700;letter-spacing:.3px}.container{display:grid;place-items:center;padding:32px 16px}.card{width:min(720px,92vw);background:linear-gradient(180deg,#111113,#0f0f10);border:1px solid #232323;border-radius:16px;box-shadow:0 10px 30px #00000059;padding:22px}.row{display:flex;gap:10px}.input{flex:1;background:#0b0b0c;border:1px solid #282828;color:#fff;padding:14px;border-radius:12px;outline:none;font-size:16px}.btn{background:#3b82f6;color:#fff;border:none;padding:14px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .02s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed}.result{margin-top:18px;display:grid;gap:12px}.caption{font-size:18px;font-weight:600;text-align:center;color:#fafafa}.preview{width:100%;border-radius:12px;border:1px solid #2a2a2a;background:#0b0b0b;overflow:hidden}.helper{margin-top:10px;font-size:12px;opacity:.6;text-align:center}.select{background:#3b82f6;color:#fff;border:none;padding:14px 16px;border-radius:12px;font-weight:600;cursor:pointer;transition:transform .02s ease}.select:focus{border-color:#3b82f6}.select option{background:#0b0b0c;color:#fff}