.tool-page[data-astro-cid-wpkchk5g]{position:relative;min-height:100vh;padding:8rem 6% 6rem;background:#f7f3ed;overflow:hidden}.tool-page-inner[data-astro-cid-wpkchk5g]{position:relative;z-index:1;max-width:900px;margin:0 auto}.breadcrumb[data-astro-cid-wpkchk5g]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#aaa;margin-bottom:2.5rem}.breadcrumb[data-astro-cid-wpkchk5g] a[data-astro-cid-wpkchk5g]{color:#888;text-decoration:none;transition:color .2s}.breadcrumb[data-astro-cid-wpkchk5g] a[data-astro-cid-wpkchk5g]:hover{color:var(--accent)}.breadcrumb[data-astro-cid-wpkchk5g] span[data-astro-cid-wpkchk5g]:last-child{color:#1a1a1a;font-weight:600}.tool-header[data-astro-cid-wpkchk5g]{margin-bottom:2.5rem}.tool-header-left[data-astro-cid-wpkchk5g]{display:flex;align-items:flex-start;gap:1.5rem}.tool-icon-wrap[data-astro-cid-wpkchk5g]{width:72px;height:72px;border-radius:20px;background:#fff;border:1.5px solid rgba(0,0,0,.07);display:flex;align-items:center;justify-content:center;font-size:2.5rem;flex-shrink:0;box-shadow:0 4px 20px #00000012}.tool-header-badges[data-astro-cid-wpkchk5g]{display:flex;gap:.5rem;margin-bottom:.6rem;flex-wrap:wrap}.tool-h1[data-astro-cid-wpkchk5g]{font-size:clamp(1.8rem,4vw,3rem);font-weight:900;letter-spacing:-1px;color:#1a1a1a;margin-bottom:.4rem}.tool-desc[data-astro-cid-wpkchk5g]{color:#777;font-size:.95rem;line-height:1.6;max-width:520px}.tool-ui[data-astro-cid-wpkchk5g]{background:#fff;border-radius:24px;border:1.5px solid rgba(0,0,0,.07);overflow:hidden;box-shadow:0 8px 40px #0000000f;margin-bottom:2rem}.tool-funfact[data-astro-cid-wpkchk5g]{display:flex;align-items:flex-start;gap:.75rem;padding:1.25rem 1.5rem;background:#00c9a70f;border:1.5px solid rgba(0,201,167,.15);border-radius:16px;margin-bottom:2rem}.ff-icon[data-astro-cid-wpkchk5g]{font-size:1.2rem;flex-shrink:0}.tool-funfact[data-astro-cid-wpkchk5g] p[data-astro-cid-wpkchk5g]{font-size:.85rem;color:#444;line-height:1.6;margin:0;font-style:italic}.tool-nav-back[data-astro-cid-wpkchk5g]{font-weight:700;font-size:.9rem;color:#888;text-decoration:none;transition:color .2s}.tool-nav-back[data-astro-cid-wpkchk5g]:hover{color:var(--accent)}.rv[data-astro-cid-wpkchk5g]{opacity:0;transform:translateY(20px);transition:opacity .5s ease,transform .5s ease}.rv[data-astro-cid-wpkchk5g].on{opacity:1;transform:translateY(0)}.jf-wrap[data-astro-cid-pljzrjyh]{padding:0}.jf-toolbar[data-astro-cid-pljzrjyh]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1.5px solid rgba(0,0,0,.06);background:#fafafa;flex-wrap:wrap;gap:.5rem}.jf-toolbar-left[data-astro-cid-pljzrjyh],.jf-toolbar-right[data-astro-cid-pljzrjyh]{display:flex;gap:.5rem;flex-wrap:wrap}.jf-btn[data-astro-cid-pljzrjyh]{padding:8px 16px;border-radius:10px;font-size:.82rem;font-weight:700;border:none;cursor:pointer;transition:all .15s;font-family:inherit}.jf-btn-primary[data-astro-cid-pljzrjyh]{background:#6c63ff;color:#fff}.jf-btn-primary[data-astro-cid-pljzrjyh]:hover{background:#5a52e0;transform:translateY(-1px)}.jf-btn-ghost[data-astro-cid-pljzrjyh]{background:#fff;color:#555;border:1.5px solid rgba(0,0,0,.1)}.jf-btn-ghost[data-astro-cid-pljzrjyh]:hover{border-color:#6c63ff;color:#6c63ff}.jf-status[data-astro-cid-pljzrjyh]{padding:0 1.5rem;font-size:.8rem;font-weight:600;min-height:32px;display:flex;align-items:center;transition:all .2s}.jf-editors[data-astro-cid-pljzrjyh]{display:grid;grid-template-columns:1fr auto 1fr;gap:0;min-height:400px}.jf-panel[data-astro-cid-pljzrjyh]{display:flex;flex-direction:column}.jf-panel-label[data-astro-cid-pljzrjyh]{padding:.6rem 1rem;font-size:.72rem;font-weight:700;color:#aaa;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(0,0,0,.05);background:#fafafa;display:flex;align-items:center;justify-content:space-between}.jf-hint[data-astro-cid-pljzrjyh]{font-size:.7rem;color:#ccc;font-weight:400;text-transform:none;letter-spacing:0}.jf-textarea[data-astro-cid-pljzrjyh]{flex:1;resize:none;border:none;outline:none;padding:1.25rem;font-family:Space Mono,monospace;font-size:.82rem;line-height:1.7;background:#fff;color:#1a1a1a;min-height:380px}.jf-output-textarea[data-astro-cid-pljzrjyh]{background:#fafffe;color:#1a7a5e}.jf-textarea[data-astro-cid-pljzrjyh]::placeholder{color:#ccc}.jf-textarea[data-astro-cid-pljzrjyh]:focus{background:#fafaff}.jf-divider[data-astro-cid-pljzrjyh]{display:flex;align-items:center;justify-content:center;width:36px;color:#ccc;font-size:1.2rem;border-left:1px solid rgba(0,0,0,.05);border-right:1px solid rgba(0,0,0,.05);background:#fafafa}.jf-footer[data-astro-cid-pljzrjyh]{padding:.75rem 1.5rem;border-top:1px solid rgba(0,0,0,.05);background:#fafafa}.jf-info[data-astro-cid-pljzrjyh]{font-size:.75rem;color:#bbb;font-family:Space Mono,monospace}@media(max-width:640px){.jf-editors[data-astro-cid-pljzrjyh]{grid-template-columns:1fr}.jf-divider[data-astro-cid-pljzrjyh]{width:auto;height:32px;border:none;border-top:1px solid rgba(0,0,0,.05);border-bottom:1px solid rgba(0,0,0,.05)}}.b64-toolbar[data-astro-cid-p6qcbaaf]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06);background:#0e0e10;flex-wrap:wrap;gap:.75rem}.b64-modes[data-astro-cid-p6qcbaaf]{display:flex;gap:0;background:#ffffff0f;border-radius:10px;padding:3px}.mode-btn[data-astro-cid-p6qcbaaf]{padding:7px 18px;border-radius:8px;border:none;cursor:pointer;font-size:.82rem;font-weight:700;color:#fff6;background:transparent;transition:all .2s;font-family:inherit}.mode-btn[data-astro-cid-p6qcbaaf].active{background:#6c63ff;color:#fff}.b64-actions[data-astro-cid-p6qcbaaf]{display:flex;gap:.5rem;flex-wrap:wrap}.b64-btn[data-astro-cid-p6qcbaaf]{padding:7px 16px;border-radius:10px;border:none;cursor:pointer;font-size:.82rem;font-weight:700;background:#6c63ff;color:#fff;transition:all .15s;font-family:inherit}.b64-btn[data-astro-cid-p6qcbaaf]:hover{background:#5a52e0;transform:translateY(-1px)}.b64-ghost[data-astro-cid-p6qcbaaf]{background:#ffffff12;color:#fff9}.b64-ghost[data-astro-cid-p6qcbaaf]:hover{background:#6c63ff33;color:#fff}.b64-status[data-astro-cid-p6qcbaaf]{padding:0 1.5rem;font-size:.8rem;font-weight:600;min-height:32px;display:flex;align-items:center;background:#0e0e10}.b64-editors[data-astro-cid-p6qcbaaf]{display:grid;grid-template-columns:1fr auto 1fr;min-height:360px;background:#111}.b64-panel[data-astro-cid-p6qcbaaf]{display:flex;flex-direction:column}.b64-panel-label[data-astro-cid-p6qcbaaf]{padding:.6rem 1rem;font-size:.72rem;font-weight:700;color:#444;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid rgba(255,255,255,.04);background:#0e0e10;display:flex;justify-content:space-between;align-items:center}.b64-hint[data-astro-cid-p6qcbaaf]{font-size:.7rem;color:#333;font-weight:400;text-transform:none;letter-spacing:0}.b64-textarea[data-astro-cid-p6qcbaaf]{flex:1;resize:none;border:none;outline:none;padding:1.25rem;font-family:Space Mono,monospace;font-size:.82rem;line-height:1.7;background:#111;color:#ffffffb3;min-height:320px}.b64-out[data-astro-cid-p6qcbaaf]{color:#6c63ff;background:#0d0d14}.b64-textarea[data-astro-cid-p6qcbaaf]::placeholder{color:#333}.b64-arrow[data-astro-cid-p6qcbaaf]{display:flex;align-items:center;justify-content:center;width:36px;color:#333;font-size:1.1rem;background:#0e0e10;border-left:1px solid rgba(255,255,255,.03);border-right:1px solid rgba(255,255,255,.03)}.b64-footer[data-astro-cid-p6qcbaaf]{padding:.75rem 1.5rem;border-top:1px solid rgba(255,255,255,.04);background:#0e0e10}.b64-info[data-astro-cid-p6qcbaaf]{font-size:.75rem;color:#333;font-family:Space Mono,monospace}@media(max-width:640px){.b64-editors[data-astro-cid-p6qcbaaf]{grid-template-columns:1fr}.b64-arrow[data-astro-cid-p6qcbaaf]{width:auto;height:28px}}.jwt-toolbar[data-astro-cid-aovoqf5l]{display:flex;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fff8fb;flex-wrap:wrap}.jwt-btn[data-astro-cid-aovoqf5l]{padding:8px 16px;border-radius:10px;border:none;cursor:pointer;font-size:.82rem;font-weight:700;background:#ff6b9d;color:#fff;transition:all .15s;font-family:inherit}.jwt-btn[data-astro-cid-aovoqf5l]:hover{background:#e55a8a;transform:translateY(-1px)}.jwt-ghost[data-astro-cid-aovoqf5l]{background:#fff;color:#666;border:1.5px solid rgba(0,0,0,.1)}.jwt-ghost[data-astro-cid-aovoqf5l]:hover{border-color:#ff6b9d;color:#ff6b9d}.jwt-status[data-astro-cid-aovoqf5l]{padding:0 1.5rem;font-size:.8rem;font-weight:600;min-height:32px;display:flex;align-items:center}.jwt-input-wrap[data-astro-cid-aovoqf5l]{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.jwt-panel-label[data-astro-cid-aovoqf5l]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.jwt-input[data-astro-cid-aovoqf5l]{width:100%;resize:none;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;font-family:Space Mono,monospace;font-size:.78rem;line-height:1.6;color:#333;background:#fffbfd;outline:none;box-sizing:border-box}.jwt-input[data-astro-cid-aovoqf5l]:focus{border-color:#ff6b9d}.jwt-parts[data-astro-cid-aovoqf5l]{padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.jwt-part[data-astro-cid-aovoqf5l]{border-radius:14px;overflow:hidden;border:1.5px solid rgba(0,0,0,.06)}.jwt-part-label[data-astro-cid-aovoqf5l]{padding:.7rem 1rem;font-size:.78rem;font-weight:700;color:#555;background:#00000005;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid rgba(0,0,0,.05)}.jwt-dot[data-astro-cid-aovoqf5l]{width:8px;height:8px;border-radius:50%;flex-shrink:0}.jwt-part-hint[data-astro-cid-aovoqf5l]{font-weight:400;color:#bbb;font-size:.72rem;margin-left:auto}.jwt-pre[data-astro-cid-aovoqf5l]{margin:0;padding:1rem;font-family:Space Mono,monospace;font-size:.8rem;line-height:1.7;color:#1a7a5e;background:#f8fffc;white-space:pre-wrap;word-break:break-all}.jwt-claims[data-astro-cid-aovoqf5l]{padding:.75rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;border-top:1px solid rgba(0,0,0,.04);background:#fffbfd}.jwt-claim-badge[data-astro-cid-aovoqf5l]{font-size:.72rem;padding:4px 10px;border-radius:8px;font-weight:600}.jwt-claim-exp-ok[data-astro-cid-aovoqf5l]{background:#00c9a71a;color:#00c9a7}.jwt-claim-exp-bad[data-astro-cid-aovoqf5l]{background:#ff6b9d1a;color:#ff6b9d}.jwt-claim-iat[data-astro-cid-aovoqf5l]{background:#6c63ff1a;color:#6c63ff}.jwt-claim-sub[data-astro-cid-aovoqf5l]{background:#0000000d;color:#666}.jwt-sig-note[data-astro-cid-aovoqf5l]{margin:0;padding:1rem;font-size:.83rem;color:#888;line-height:1.6}.jwt-sig-note[data-astro-cid-aovoqf5l] strong[data-astro-cid-aovoqf5l]{color:#ff6b9d}.rx-wrap[data-astro-cid-n2tv3onc]{padding:0}.rx-pattern-row[data-astro-cid-n2tv3onc]{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06);background:#fafafa;flex-wrap:wrap}.rx-slash[data-astro-cid-n2tv3onc]{font-size:1.5rem;font-weight:700;color:#6c63ff;font-family:Space Mono,monospace}.rx-pattern-input[data-astro-cid-n2tv3onc]{flex:1;min-width:160px;padding:8px 12px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);font-family:Space Mono,monospace;font-size:.9rem;color:#1a1a1a;outline:none;background:#fff;transition:border-color .2s}.rx-pattern-input[data-astro-cid-n2tv3onc]:focus{border-color:#6c63ff}.rx-flags-input[data-astro-cid-n2tv3onc]{width:60px;padding:8px 10px;border-radius:10px;border:1.5px solid rgba(0,0,0,.1);font-family:Space Mono,monospace;font-size:.9rem;color:#6c63ff;font-weight:700;outline:none;background:#fff;text-align:center;transition:border-color .2s}.rx-flags-input[data-astro-cid-n2tv3onc]:focus{border-color:#6c63ff}.rx-btn[data-astro-cid-n2tv3onc]{padding:8px 18px;border-radius:10px;border:none;cursor:pointer;font-size:.82rem;font-weight:700;background:#6c63ff;color:#fff;transition:all .15s;font-family:inherit}.rx-btn[data-astro-cid-n2tv3onc]:hover{background:#5a52e0;transform:translateY(-1px)}.rx-ghost[data-astro-cid-n2tv3onc]{background:#fff;color:#555;border:1.5px solid rgba(0,0,0,.1)}.rx-ghost[data-astro-cid-n2tv3onc]:hover{border-color:#6c63ff;color:#6c63ff}.rx-flag-bar[data-astro-cid-n2tv3onc]{display:flex;gap:.4rem;padding:.6rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.05);background:#fcfcfc;flex-wrap:wrap}.rx-flag-toggle[data-astro-cid-n2tv3onc]{padding:4px 10px;border-radius:8px;border:1.5px solid rgba(0,0,0,.08);font-size:.72rem;font-weight:600;color:#888;cursor:pointer;background:#fff;transition:all .15s;font-family:inherit}.rx-flag-toggle[data-astro-cid-n2tv3onc] code[data-astro-cid-n2tv3onc]{font-family:Space Mono,monospace;color:#6c63ff}.rx-flag-toggle[data-astro-cid-n2tv3onc].on{background:#6c63ff14;border-color:#6c63ff4d;color:#6c63ff}.rx-status[data-astro-cid-n2tv3onc]{padding:0 1.5rem;font-size:.8rem;font-weight:600;min-height:32px;display:flex;align-items:center}.rx-test-wrap[data-astro-cid-n2tv3onc]{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.rx-label[data-astro-cid-n2tv3onc]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.rx-test-container[data-astro-cid-n2tv3onc]{position:relative}.rx-highlight[data-astro-cid-n2tv3onc]{position:absolute;inset:0;padding:1rem;font-family:Space Mono,monospace;font-size:.82rem;line-height:1.7;pointer-events:none;white-space:pre-wrap;word-break:break-word;color:transparent;overflow:hidden}.rx-teststr[data-astro-cid-n2tv3onc]{position:relative;width:100%;resize:vertical;border:1.5px solid rgba(0,0,0,.08);border-radius:12px;padding:1rem;font-family:Space Mono,monospace;font-size:.82rem;line-height:1.7;color:#1a1a1a;background:transparent;outline:none;min-height:160px;box-sizing:border-box;z-index:1}.rx-teststr[data-astro-cid-n2tv3onc]:focus{border-color:#6c63ff}.rx-match{background:#6c63ff33;border-radius:3px;color:#6c63ff!important}.rx-results[data-astro-cid-n2tv3onc]{padding:1rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.06)}.rx-count[data-astro-cid-n2tv3onc]{font-size:.75rem;font-weight:700;color:#fff;background:#6c63ff;padding:2px 8px;border-radius:100px;margin-left:.5rem}.rx-match-list[data-astro-cid-n2tv3onc]{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem;max-height:120px;overflow-y:auto}.rx-match-chip{font-family:Space Mono,monospace;font-size:.75rem;padding:4px 10px;background:#6c63ff14;border:1px solid rgba(108,99,255,.2);color:#6c63ff;border-radius:8px;font-weight:600}.rx-presets[data-astro-cid-n2tv3onc]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#fafafa;flex-wrap:wrap}.rx-preset-label[data-astro-cid-n2tv3onc]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.1em}.rx-preset-btn[data-astro-cid-n2tv3onc]{padding:5px 12px;border-radius:8px;border:1.5px solid rgba(0,0,0,.08);font-size:.75rem;font-weight:700;color:#666;cursor:pointer;background:#fff;transition:all .15s;font-family:inherit}.rx-preset-btn[data-astro-cid-n2tv3onc]:hover{border-color:#6c63ff;color:#6c63ff;background:#6c63ff0f}.cc-top[data-astro-cid-xvsiryjf]{display:flex;align-items:flex-start;gap:2rem;padding:1.5rem;border-bottom:1px solid rgba(0,0,0,.06);flex-wrap:wrap}.cc-preview-wrap[data-astro-cid-xvsiryjf]{display:flex;flex-direction:column;align-items:center;gap:.4rem}.cc-swatch[data-astro-cid-xvsiryjf]{width:80px;height:80px;border-radius:20px;background:#6c63ff;box-shadow:0 8px 24px #6c63ff66;cursor:pointer;transition:box-shadow .2s}.cc-picker[data-astro-cid-xvsiryjf]{opacity:0;position:absolute;width:0;height:0}.cc-swatch-label[data-astro-cid-xvsiryjf]{font-size:.68rem;color:#bbb;font-weight:600}.cc-hex-wrap[data-astro-cid-xvsiryjf]{flex:1;min-width:240px}.cc-input-label[data-astro-cid-xvsiryjf]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.5rem}.cc-hex-row[data-astro-cid-xvsiryjf]{display:flex;align-items:center;gap:.5rem}.cc-hash[data-astro-cid-xvsiryjf]{font-size:1.5rem;font-weight:900;color:#1a1a1a;font-family:Space Mono,monospace}.cc-input-lg[data-astro-cid-xvsiryjf]{flex:1;padding:10px 14px;border-radius:12px;border:2px solid rgba(0,0,0,.1);font-family:Space Mono,monospace;font-size:1.1rem;font-weight:700;color:#1a1a1a;outline:none;background:#fff;letter-spacing:.1em;transition:border-color .2s}.cc-input-lg[data-astro-cid-xvsiryjf]:focus{border-color:#6c63ff}.cc-convert-btn[data-astro-cid-xvsiryjf]{padding:10px 20px;border-radius:12px;border:none;cursor:pointer;font-size:.85rem;font-weight:700;background:#1a1a1a;color:#fff;transition:all .15s;font-family:inherit;white-space:nowrap}.cc-convert-btn[data-astro-cid-xvsiryjf]:hover{background:#6c63ff;transform:translateY(-1px)}.cc-status[data-astro-cid-xvsiryjf]{padding:0 1.5rem;font-size:.8rem;font-weight:600;min-height:28px;display:flex;align-items:center}.cc-outputs[data-astro-cid-xvsiryjf]{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border-top:1px solid rgba(0,0,0,.06);background:#0000000a}.cc-output-card[data-astro-cid-xvsiryjf]{background:#fff;padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.4rem;transition:background .15s}.cc-output-card[data-astro-cid-xvsiryjf]:hover{background:#fafaff}.cc-output-label[data-astro-cid-xvsiryjf]{font-size:.68rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.15em}.cc-output-val[data-astro-cid-xvsiryjf]{font-family:Space Mono,monospace;font-size:.8rem;font-weight:600;color:#1a1a1a;word-break:break-all}.cc-copy-btn[data-astro-cid-xvsiryjf]{margin-top:.25rem;padding:4px 10px;border-radius:8px;border:1.5px solid rgba(0,0,0,.08);font-size:.7rem;font-weight:700;color:#888;cursor:pointer;background:#fff;transition:all .15s;font-family:inherit;width:fit-content}.cc-copy-btn[data-astro-cid-xvsiryjf]:hover{border-color:#6c63ff;color:#6c63ff}.cc-shades-wrap[data-astro-cid-xvsiryjf]{padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.06)}.cc-shades-label[data-astro-cid-xvsiryjf]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem}.cc-shades[data-astro-cid-xvsiryjf]{display:flex;gap:.4rem;flex-wrap:wrap}.cc-shade{width:40px;height:40px;border-radius:10px;cursor:pointer;transition:transform .15s,box-shadow .15s;border:1px solid rgba(0,0,0,.08)}.cc-shade:hover{transform:scale(1.15);box-shadow:0 4px 12px #00000026}@media(max-width:640px){.cc-outputs[data-astro-cid-xvsiryjf]{grid-template-columns:repeat(2,1fr)}}.ic-dropzone[data-astro-cid-grhoya7h]{position:relative;margin:1.5rem;border-radius:16px;border:2px dashed rgba(0,201,167,.3);background:#00c9a708;cursor:pointer;transition:all .2s;min-height:160px;display:flex;align-items:center;justify-content:center}.ic-dropzone[data-astro-cid-grhoya7h]:hover,.ic-dropzone[data-astro-cid-grhoya7h].drag-over{border-color:#00c9a7;background:#00c9a70f}.ic-file-input[data-astro-cid-grhoya7h]{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.ic-drop-content[data-astro-cid-grhoya7h]{text-align:center;padding:2rem;pointer-events:none}.ic-drop-icon[data-astro-cid-grhoya7h]{font-size:3rem;margin-bottom:.75rem}.ic-drop-title[data-astro-cid-grhoya7h]{font-weight:700;font-size:1.1rem;color:#1a1a1a;margin-bottom:.25rem}.ic-drop-sub[data-astro-cid-grhoya7h]{font-size:.85rem;color:#aaa}.ic-browse-link[data-astro-cid-grhoya7h]{color:#00c9a7;font-weight:700}.ic-controls[data-astro-cid-grhoya7h]{padding:1.25rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);display:flex;flex-direction:column;gap:1rem}.ic-control-row[data-astro-cid-grhoya7h]{display:flex;flex-direction:column;gap:.4rem}.ic-label[data-astro-cid-grhoya7h]{font-size:.8rem;font-weight:700;color:#555;display:flex;justify-content:space-between}.ic-val[data-astro-cid-grhoya7h]{color:#00c9a7}.ic-slider[data-astro-cid-grhoya7h]{width:100%;accent-color:#00C9A7}.ic-format-row[data-astro-cid-grhoya7h]{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.5rem}.ic-format-btns[data-astro-cid-grhoya7h]{display:flex;gap:.4rem}.ic-fmt-btn[data-astro-cid-grhoya7h]{padding:6px 14px;border-radius:8px;border:1.5px solid rgba(0,0,0,.1);font-size:.78rem;font-weight:700;color:#666;cursor:pointer;background:#fff;transition:all .15s;font-family:inherit}.ic-fmt-btn[data-astro-cid-grhoya7h].active{background:#00c9a7;color:#fff;border-color:#00c9a7}.ic-compress-btn[data-astro-cid-grhoya7h]{padding:11px 24px;border-radius:12px;border:none;cursor:pointer;font-size:.88rem;font-weight:700;background:#00c9a7;color:#fff;transition:all .15s;font-family:inherit;align-self:flex-start}.ic-compress-btn[data-astro-cid-grhoya7h]:hover{background:#00b396;transform:translateY(-1px)}.ic-preview-grid[data-astro-cid-grhoya7h]{display:grid;grid-template-columns:1fr 1fr;gap:1px;border-top:1px solid rgba(0,0,0,.06);background:#0000000a}.ic-panel[data-astro-cid-grhoya7h]{background:#fff;padding:1rem}.ic-panel-label[data-astro-cid-grhoya7h]{font-size:.72rem;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.ic-size-badge[data-astro-cid-grhoya7h]{font-size:.72rem;font-weight:700;padding:2px 8px;border-radius:100px;background:#0000000f;color:#888}.ic-size-green[data-astro-cid-grhoya7h]{background:#00c9a71a;color:#00c9a7}.ic-img[data-astro-cid-grhoya7h]{width:100%;border-radius:10px;max-height:220px;object-fit:contain;background:#f5f5f5}.ic-result-bar[data-astro-cid-grhoya7h]{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-top:1px solid rgba(0,0,0,.06);background:#f8fffe;flex-wrap:wrap;gap:.75rem}.ic-savings[data-astro-cid-grhoya7h]{font-weight:700;font-size:.9rem;color:#00c9a7}.ic-download-btn[data-astro-cid-grhoya7h]{padding:10px 22px;border-radius:12px;background:#1a1a1a;color:#fff;text-decoration:none;font-weight:700;font-size:.85rem;transition:all .15s}.ic-download-btn[data-astro-cid-grhoya7h]:hover{background:#00c9a7;transform:translateY(-1px)}@media(max-width:600px){.ic-preview-grid[data-astro-cid-grhoya7h]{grid-template-columns:1fr}}