.base64-tool[data-v-a06381b1]{background:radial-gradient(circle at 20% 20%,hsla(24,90%,72%,.25),transparent 45%),radial-gradient(circle at 80% 5%,rgba(251,191,36,.2),transparent 40%),#fffaf0;display:flex;justify-content:center;min-height:calc(100vh - 250px);padding:60px 24px 80px}.base64-tool__inner[data-v-a06381b1]{width:min(1100px,100%)}.base64-tool .hero[data-v-a06381b1]{margin-bottom:30px;text-align:center}.base64-tool .hero .eyebrow[data-v-a06381b1]{color:#fbbf24;font-size:13px;letter-spacing:.15em;margin-bottom:30px;text-transform:uppercase}.base64-tool .hero h1[data-v-a06381b1]{color:#0f172a;font-size:36px;font-weight:700;margin-bottom:30px}.base64-tool .hero .subtitle[data-v-a06381b1]{color:#5b6b84}.base64-tool .options[data-v-a06381b1]{display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.base64-tool .options .mode-toggle[data-v-a06381b1]{display:flex;flex-wrap:wrap;gap:12px}.base64-tool .options .mode-toggle .toggle[data-v-a06381b1]{background:#0f172a0a;border:1px solid rgba(15,23,42,.1);border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:8px 18px}.base64-tool .options .mode-toggle .toggle.active[data-v-a06381b1]{background:linear-gradient(120deg,#fbbf24,#f97316);border-color:transparent;color:#fff}.base64-tool .options .mode-toggle .swap-btn[data-v-a06381b1]{background:#fff;border:none;border-radius:999px;box-shadow:0 10px 25px #f973162e;color:#f97316;cursor:pointer;font-weight:600;padding:8px 18px}.base64-tool .options .switches[data-v-a06381b1]{align-items:center;color:#475569;display:flex;flex-wrap:wrap;font-weight:600;gap:18px}.base64-tool .options .switches label[data-v-a06381b1]{align-items:center;display:inline-flex;gap:6px}.base64-tool .panels[data-v-a06381b1]{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:20px}.base64-tool .panel[data-v-a06381b1]{background:#fff;border:1px solid rgba(148,163,184,.25);border-radius:28px;box-shadow:0 25px 60px #0f172a14;height:500px;padding:24px}.base64-tool .panel .panel-header[data-v-a06381b1]{align-items:flex-start;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px}.base64-tool .panel .panel-eyebrow[data-v-a06381b1]{color:#fbbf24;font-size:12px;letter-spacing:.15em;margin-bottom:4px;text-transform:uppercase}.base64-tool .panel textarea[data-v-a06381b1]{background:#f9fbff;border:1px solid rgba(148,163,184,.45);border-radius:18px;font-family:JetBrains Mono,Fira Code,monospace;font-size:15px;margin:0 auto;min-height:380px;padding:14px;resize:vertical;width:95%}.base64-tool .panel-actions[data-v-a06381b1]{display:flex;flex-wrap:wrap;gap:10px}.base64-tool .ghost[data-v-a06381b1]{background:transparent;border:1px solid rgba(148,163,184,.5);border-radius:999px;color:#475569;cursor:pointer;font-weight:600;padding:8px 16px}.base64-tool .primary[data-v-a06381b1]{background:linear-gradient(120deg,#fbbf24,#f97316);border:none;border-radius:999px;color:#fff;cursor:pointer;font-weight:600;padding:8px 18px}.base64-tool .status[data-v-a06381b1]{background:#0f172a0a;border-radius:16px;font-size:14px;padding:12px 16px}.base64-tool .status.success[data-v-a06381b1]{background:#22c55e1f;color:#15803d}.base64-tool .status.error[data-v-a06381b1]{background:#f872721f;color:#b91c1c}.base64-tool .copy-toast[data-v-a06381b1]{background:#f97316;border-radius:999px;bottom:40px;box-shadow:0 12px 30px #f9731640;color:#fff;left:50%;padding:10px 22px;position:fixed;transform:translate(-50%)}.fade-enter-active[data-v-a06381b1],.fade-leave-active[data-v-a06381b1]{transition:opacity .25s ease}.fade-enter-from[data-v-a06381b1],.fade-leave-to[data-v-a06381b1]{opacity:0}@media (max-width:640px){.options[data-v-a06381b1]{flex-direction:column}.panels[data-v-a06381b1]{grid-template-columns:1fr}}