.ico-converter{padding:clamp(20px,4vw,36px)}.ico-converter h2{margin:0 0 10px}.ico-converter .intro,.ico-converter .sub,.ico-converter .hint{color:#667085}.ico-converter .drop-zone{text-align:center;border:2px dashed #b8c7e3;border-radius:14px;padding:38px 16px;position:relative}.ico-converter .drop-zone.dragging{background:#eff5ff;border-color:#2563eb}.ico-converter .drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.ico-converter .drop-zone svg{fill:none;stroke:#2563eb;stroke-width:1.8px;width:42px}.ico-converter .drop-zone p{margin:8px}.ico-converter .drop-zone button,.ico-converter .primary,.ico-converter .download{color:#fff;font:inherit;cursor:pointer;background:#2563eb;border:0;border-radius:10px;font-weight:700}.ico-converter .drop-zone button{padding:.8rem 1.3rem}.ico-converter .privacy{margin-top:12px;line-height:1.7}.ico-converter .message{border-radius:9px;margin-top:16px;padding:13px 15px;line-height:1.7}.ico-converter .status{color:#2455a4;background:#eff6ff}.ico-converter .error{color:#a91d2c;background:#fff0f0}.ico-converter .preview-box{background:#f8faff;border:1px solid #dbe2ee;border-radius:11px;align-items:center;gap:14px;margin-top:18px;padding:14px;display:flex}.ico-converter .preview-box canvas{object-fit:contain;background:repeating-conic-gradient(#e8ecf3 0 25%,#fff 0 50%) 0 0/12px 12px;border:1px solid #dbe2ee;border-radius:8px;width:84px;height:84px}.ico-converter .preview-box div{gap:4px;min-width:0;display:grid}.ico-converter .preview-box span{color:#667085;font-size:.84rem}.ico-converter .preview-box strong{overflow-wrap:anywhere}.ico-converter .settings,.ico-converter .result{border-top:1px solid #e2e6ef;margin-top:28px;padding-top:25px}.ico-converter .option-fieldset{border:1px solid #d8e0ed;border-radius:9px;margin:14px 0;padding:14px}.ico-converter .option-fieldset legend{color:#344054;padding:0 5px;font-size:.86rem;font-weight:700}.ico-converter .presets{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.ico-converter .choice-grid{flex-wrap:wrap;gap:8px 22px;display:flex}.ico-converter .choice-grid label{cursor:pointer;font-variant-numeric:tabular-nums;align-items:center;gap:6px;display:flex}.ico-converter .hint{margin:10px 0 0;font-size:.9rem;line-height:1.7}.ico-converter .hint.warn{color:#805500}.ico-converter .hint code{overflow-wrap:anywhere;font-size:.85em}.ico-converter .mode{cursor:pointer;align-items:flex-start;gap:10px;padding:8px 4px;display:flex}.ico-converter .mode input{margin-top:.35em}.ico-converter .mode span{gap:2px;display:grid}.ico-converter .mode small{color:#667085;font-size:.86rem;line-height:1.6}.ico-converter .actions{gap:10px;margin-top:18px;display:flex}.ico-converter .primary{flex:1;min-height:52px;padding:14px 20px}.ico-converter .secondary{color:#344054;min-height:38px;font:inherit;cursor:pointer;background:#fff;border:1px solid #bdc8da;border-radius:8px;padding:7px 12px;font-size:.86rem;font-weight:700}.ico-converter .actions .secondary{min-height:52px;padding:0 20px}.ico-converter button:focus-visible,.ico-converter a:focus-visible,.ico-converter input:focus-visible{outline-offset:2px;outline:3px solid #93b4ff}.ico-converter button:disabled,.ico-converter input:disabled{opacity:.55;cursor:not-allowed}.ico-converter .complete{color:#176b37;font-weight:700;line-height:1.7}.ico-converter .previews{flex-wrap:wrap;align-items:flex-end;gap:12px;margin:14px 0;display:flex}.ico-converter .previews figure{justify-items:center;gap:6px;margin:0;display:grid}.ico-converter .previews canvas{background:repeating-conic-gradient(#e8ecf3 0 25%,#fff 0 50%) 0 0/10px 10px;image-rendering:pixelated;border:1px solid #dbe2ee;border-radius:4px;display:block}.ico-converter .previews figcaption{color:#667085;font-size:.8rem}.ico-converter .download{text-align:center;background:#18733a;width:100%;margin-top:12px;padding:14px 20px;text-decoration:none;display:block}.ico-converter [hidden]{display:none!important}@media (width<=520px){.ico-converter .drop-zone{padding:28px 12px}.ico-converter .preview-box{flex-direction:column;align-items:flex-start}.ico-converter .actions{flex-direction:column}.ico-converter .primary,.ico-converter .actions .secondary{width:100%}.ico-converter .presets .secondary{flex:1}}.guide[data-astro-cid-6vnpp3eb]{padding:clamp(20px,4vw,36px)}.guide[data-astro-cid-6vnpp3eb] h2[data-astro-cid-6vnpp3eb]{margin-top:2rem}.guide[data-astro-cid-6vnpp3eb] h2[data-astro-cid-6vnpp3eb]:first-child{margin-top:0}.guide[data-astro-cid-6vnpp3eb] h3[data-astro-cid-6vnpp3eb]{margin-top:1.5rem}.guide[data-astro-cid-6vnpp3eb] p[data-astro-cid-6vnpp3eb],.guide[data-astro-cid-6vnpp3eb] li[data-astro-cid-6vnpp3eb]{line-height:1.85}.guide[data-astro-cid-6vnpp3eb] li[data-astro-cid-6vnpp3eb]+li[data-astro-cid-6vnpp3eb]{margin-top:.5rem}.guide[data-astro-cid-6vnpp3eb] code[data-astro-cid-6vnpp3eb]{overflow-wrap:anywhere;font-size:.88em}