.primary-btn{border:0;font-family:Manrope,system-ui,sans-serif;cursor:pointer}
.nav-actions{display:flex;align-items:center;gap:10px}.language-picker{height:41px;display:flex;align-items:center;gap:5px;padding:0 9px;border:1px solid #dfd9ef;border-radius:10px;background:#ffffffc7;color:#775cd0}.language-picker select{border:0;outline:0;background:transparent;color:#45405a;font:800 10px Manrope;cursor:pointer}
.format-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.format-chips span{padding:6px 9px;border:1px solid #e3ddf0;border-radius:7px;background:#ffffffb5;color:#817a94;font-size:9px;font-weight:800;letter-spacing:.04em}
.tool-card.featured{grid-column:span 2;background:linear-gradient(145deg,#7960e8,#a56ae8);border-color:transparent;color:#fff}
.tool-card.featured .tool-icon{background:#ffffff24;color:#fff}
.tool-card.featured h3{font-size:17px}
.tool-card.featured p,.tool-card.featured .arrow{color:#eee9ff}
.conversion-note{border-radius:10px;background:#f1edff;color:#6f58c2;font-size:10px;line-height:1.6;padding:10px 12px;margin:12px 0;text-align:left}
.test-converter{width:100%;height:40px;margin:0 0 12px;border:1px solid #dcd3f4;border-radius:9px;background:#fff;color:#6e56c7;font:700 10px Manrope;cursor:pointer}.test-converter:hover{background:#f7f4ff;border-color:#aa96e5}
.render-surface{position:fixed;left:-10000px;top:0;width:794px;padding:58px;background:#fff;color:#171732;font:15px/1.55 Manrope,Arial,sans-serif}
.render-surface h1,.render-surface h2,.render-surface h3{line-height:1.25}.render-surface table{width:100%;border-collapse:collapse;font-size:11px}.render-surface td,.render-surface th{border:1px solid #cfcbd8;padding:6px;vertical-align:top}.render-surface img{max-width:100%;height:auto}.render-surface pre{white-space:pre-wrap;overflow-wrap:anywhere;font:13px/1.55 Consolas,monospace}
.footer-links{display:flex;gap:16px}.footer-links a{color:#777389;text-decoration:none}.footer-links a:hover{color:#7657e7}
@media(max-width:900px){.format-chips{justify-content:center}.tool-card.featured{grid-column:span 2}.nav-actions .nav-cta{display:none}}
@media(max-width:600px){.tool-card.featured{grid-column:span 1}.format-chips{margin-top:15px}.format-chips span{font-size:8px}.footer-links{width:100%;flex-wrap:wrap}}