.image-converter[data-astro-cid-44wbllb5]{background:#f8f9fc;min-height:100%;padding:48px 20px 80px}.container[data-astro-cid-44wbllb5]{max-width:780px;margin:0 auto}.eyebrow[data-astro-cid-44wbllb5]{color:#315bdc;margin:0 0 8px;font-size:14px;font-weight:700}h1[data-astro-cid-44wbllb5]{margin:0;font-size:clamp(32px,5vw,46px);line-height:1.1}.intro[data-astro-cid-44wbllb5]{color:#687386;margin:14px 0 30px;font-size:18px;line-height:1.55}.card[data-astro-cid-44wbllb5]{background:#fff;border:1px solid #e5e8ef;border-radius:18px;margin-top:18px;padding:24px;box-shadow:0 8px 30px #141e320f}.drop-area[data-astro-cid-44wbllb5]{color:#1c326b;cursor:pointer;text-align:center;user-select:none;background:#fff;border:2px dashed #aebce0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:146px;padding:22px;display:flex}.drop-area[data-astro-cid-44wbllb5][data-dragging=true]{background:#eef2ff;border-color:#315bdc}.drop-area[data-astro-cid-44wbllb5] span[data-astro-cid-44wbllb5],.note[data-astro-cid-44wbllb5],.background-help[data-astro-cid-44wbllb5]{color:#687386;font-size:14px}.file-input[data-astro-cid-44wbllb5]{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.image-info[data-astro-cid-44wbllb5]{grid-template-columns:minmax(160px,240px) 1fr;gap:18px;display:grid}.preview[data-astro-cid-44wbllb5]{object-fit:contain;background:#f3f5f9;border-radius:12px;width:100%;max-width:100%;max-height:300px;display:block}h2[data-astro-cid-44wbllb5]{margin:0 0 16px;font-size:20px}dl[data-astro-cid-44wbllb5]{gap:12px;margin:0;display:grid}dl[data-astro-cid-44wbllb5] div[data-astro-cid-44wbllb5]{justify-content:space-between;gap:16px;display:flex}dt[data-astro-cid-44wbllb5]{color:#5d687a}dd[data-astro-cid-44wbllb5]{overflow-wrap:anywhere;text-align:right;margin:0;font-weight:700}.controls[data-astro-cid-44wbllb5] label[data-astro-cid-44wbllb5]{margin:14px 0 7px;font-weight:600;display:block}.controls[data-astro-cid-44wbllb5] input[data-astro-cid-44wbllb5],.controls[data-astro-cid-44wbllb5] select[data-astro-cid-44wbllb5]{box-sizing:border-box;color:#172033;font:inherit;border:1px solid #dfe3ea;border-radius:10px;width:100%;padding:12px}.color-picker[data-astro-cid-44wbllb5]{align-items:center;gap:12px;display:flex}.controls[data-astro-cid-44wbllb5] .color-input[data-astro-cid-44wbllb5]{cursor:pointer;width:58px;height:46px;padding:3px}.color-value[data-astro-cid-44wbllb5]{color:#172033;background:#f3f5f9;border:1px solid #dfe3ea;border-radius:8px;padding:11px 12px;font-family:ui-monospace,monospace;font-weight:700}.background-help[data-astro-cid-44wbllb5]{margin:8px 0 0}.actions[data-astro-cid-44wbllb5]{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.button[data-astro-cid-44wbllb5]{box-sizing:border-box;cursor:pointer;font:inherit;border:0;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:11px 16px;font-weight:700;text-decoration:none;display:inline-flex}.primary[data-astro-cid-44wbllb5]{color:#fff;background:#315bdc}.secondary[data-astro-cid-44wbllb5]{color:#234cbd;background:#eef2ff}.actions[data-astro-cid-44wbllb5] .button[data-astro-cid-44wbllb5]{flex:180px}.status[data-astro-cid-44wbllb5]{color:#315bdc;min-height:1.5em;margin:16px 0 0;font-weight:600}.error[data-astro-cid-44wbllb5]{color:#8a280d;background:#fff1f0;border-radius:10px;margin:16px 0 0;padding:12px}.result[data-astro-cid-44wbllb5] .button[data-astro-cid-44wbllb5]{width:100%;margin-top:18px}.another[data-astro-cid-44wbllb5]{width:100%}.explanation[data-astro-cid-44wbllb5]{color:#536176;line-height:1.55}button[data-astro-cid-44wbllb5]:focus-visible,.button[data-astro-cid-44wbllb5]:focus-visible,.drop-area[data-astro-cid-44wbllb5]:focus-within,select[data-astro-cid-44wbllb5]:focus,input[data-astro-cid-44wbllb5]:focus{outline-offset:2px;outline:2px solid #315bdc}@media (width<=620px){.image-converter[data-astro-cid-44wbllb5]{padding:32px 16px 64px}.card[data-astro-cid-44wbllb5]{padding:20px}.image-info[data-astro-cid-44wbllb5]{grid-template-columns:1fr}dl[data-astro-cid-44wbllb5] div[data-astro-cid-44wbllb5]{flex-direction:column;align-items:flex-start;gap:3px}dd[data-astro-cid-44wbllb5]{text-align:left}}