.base64-studio[data-v-14055a1e]{background:#ffffff05;border:1px solid var(--glass-border);border-radius:32px;padding:3rem;box-shadow:0 20px 40px #0000004d}.title-row[data-v-14055a1e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.mode-badges[data-v-14055a1e]{display:flex;gap:.5rem;background:#0003;padding:.3rem;border-radius:100px}.badge[data-v-14055a1e]{padding:.4rem 1.2rem;border-radius:100px;font-size:.8rem;font-weight:600;cursor:pointer;color:#666;transition:all .2s ease}.badge.active[data-v-14055a1e]{background:#da62c4;color:#fff;box-shadow:0 4px 12px #da62c44d}.studio-header p[data-v-14055a1e]{color:#888;font-size:.9rem;margin-bottom:2rem}.studio-body[data-v-14055a1e]{display:grid;grid-template-columns:1fr 220px 1fr;gap:2rem;align-items:start}.panel[data-v-14055a1e]{display:flex;flex-direction:column;gap:1rem}.panel-header[data-v-14055a1e]{display:flex;justify-content:space-between;align-items:center}.panel-header label[data-v-14055a1e]{font-size:.9rem;font-weight:600;color:#aaa}.header-actions[data-v-14055a1e]{display:flex;gap:.5rem}.btn-icon[data-v-14055a1e]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;width:32px;height:32px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.btn-icon[data-v-14055a1e]:hover{background:#ffffff1a;color:#fff}.input-container[data-v-14055a1e],.output-container[data-v-14055a1e]{position:relative;display:flex;flex-direction:column;gap:1rem}textarea[data-v-14055a1e]{width:100%;background:#0003;border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:1.2rem;color:#fff;font-family:Fira Code,monospace;font-size:.95rem;resize:vertical;line-height:1.6}textarea[data-v-14055a1e]:focus{outline:none;border-color:#883aea;box-shadow:0 0 0 4px #883aea1a}textarea.error[data-v-14055a1e]{color:#ff4d4d;border-color:#ff4d4d33}.file-dropzone[data-v-14055a1e]{border:2px dashed rgba(255,255,255,.1);border-radius:12px;padding:1rem;text-align:center;cursor:pointer;transition:all .2s}.file-dropzone[data-v-14055a1e]:hover{border-color:#da62c4;background:#da62c40d}.drop-prompt[data-v-14055a1e]{font-size:.85rem;color:#666}.file-info[data-v-14055a1e]{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.85rem;color:#da62c4}.remove-file[data-v-14055a1e]{background:none;border:none;color:#ff4d4d;cursor:pointer;padding:.2rem}.settings-panel[data-v-14055a1e]{display:flex;flex-direction:column;gap:1.5rem;background:#ffffff08;padding:1.5rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.setting-item[data-v-14055a1e]{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.setting-item label[data-v-14055a1e]{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;color:#666;font-weight:700}.setting-item select[data-v-14055a1e]{background:#0000004d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.6rem;border-radius:8px;font-size:.9rem}.setting-item.checkbox[data-v-14055a1e]{flex-direction:row;align-items:center;gap:.8rem;margin-bottom:.5rem}.setting-item.checkbox input[data-v-14055a1e]{accent-color:#da62c4}.setting-item.checkbox label[data-v-14055a1e]{text-transform:none;letter-spacing:normal;color:#aaa;font-weight:500;cursor:pointer}.primary-actions[data-v-14055a1e]{margin-top:1rem}.btn[data-v-14055a1e]{width:100%;padding:1rem;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s;border:none}.btn-primary[data-v-14055a1e]{background:linear-gradient(135deg,#883aea,#da62c4);color:#fff}.btn-primary[data-v-14055a1e]:hover{box-shadow:0 10px 20px #883aea4d;transform:translateY(-2px)}.btn-text[data-v-14055a1e]{background:none;border:none;color:#883aea;font-size:.85rem;font-weight:600;cursor:pointer}.panel-footer[data-v-14055a1e]{margin-top:.5rem}.metrics[data-v-14055a1e]{display:flex;gap:1.5rem;font-size:.75rem;color:#555;font-family:monospace}.image-preview[data-v-14055a1e]{margin-top:1rem;padding:1rem;border-radius:16px;overflow:hidden}.preview-header[data-v-14055a1e]{display:flex;justify-content:space-between;margin-bottom:.5rem;font-size:.8rem;color:#aaa}.preview-header button[data-v-14055a1e]{background:none;border:none;color:#da62c4;cursor:pointer}.image-preview img[data-v-14055a1e]{width:100%;border-radius:8px;display:block}.json-actions[data-v-14055a1e]{margin-top:.5rem}.json-actions button[data-v-14055a1e]{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#aaa;padding:.4rem 1rem;border-radius:8px;font-size:.8rem;cursor:pointer}.developer-section[data-v-14055a1e]{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.05)}.developer-section h4[data-v-14055a1e]{color:#fff;margin-bottom:1.5rem}.tabs[data-v-14055a1e]{display:flex;gap:1rem;margin-bottom:1rem}.tabs button[data-v-14055a1e]{background:none;border:none;color:#666;font-size:.9rem;font-weight:600;cursor:pointer;padding-bottom:.5rem}.tabs button.active[data-v-14055a1e]{color:#da62c4;border-bottom:2px solid #da62c4}.snippet-box[data-v-14055a1e]{background:#000;padding:1.5rem;border-radius:16px;overflow-x:auto}pre[data-v-14055a1e]{margin:0}code[data-v-14055a1e]{color:#da62c4;font-family:Fira Code,monospace;font-size:.9rem}@media(max-width:1100px){.studio-body[data-v-14055a1e]{grid-template-columns:1fr}.settings-panel[data-v-14055a1e]{order:-1}}main[data-astro-cid-3ebdarfh]{width:100%;padding-top:100px}.tool-header[data-astro-cid-3ebdarfh]{padding:60px 0 20px;text-align:center}.container[data-astro-cid-3ebdarfh]{max-width:1200px;margin:0 auto;padding:0 2rem}.nav-wrapper[data-astro-cid-3ebdarfh]{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem}.back-link[data-astro-cid-3ebdarfh]{color:#883aea;text-decoration:none;font-weight:600;margin-bottom:.5rem;transition:transform .2s ease}.back-link[data-astro-cid-3ebdarfh]:hover{transform:translate(-5px)}.breadcrumb[data-astro-cid-3ebdarfh]{display:flex;align-items:center;gap:.8rem;font-size:.85rem;color:#666}.breadcrumb[data-astro-cid-3ebdarfh] a[data-astro-cid-3ebdarfh]{color:#b0b0b0;text-decoration:none;transition:color .2s ease}.breadcrumb[data-astro-cid-3ebdarfh] a[data-astro-cid-3ebdarfh]:hover{color:#883aea}.separator[data-astro-cid-3ebdarfh]{color:#444}.current[data-astro-cid-3ebdarfh]{color:#666}h1[data-astro-cid-3ebdarfh]{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#fff}.gradient-text[data-astro-cid-3ebdarfh]{background:linear-gradient(135deg,#883aea,#da62c4);-webkit-background-clip:text;-webkit-text-fill-color:transparent}p[data-astro-cid-3ebdarfh]{font-size:1.1rem;color:#b0b0b0;max-width:700px;margin:0 auto;line-height:1.6}.tool-content[data-astro-cid-3ebdarfh]{padding:40px 0}.tool-info[data-astro-cid-3ebdarfh]{padding:60px 0}.info-grid[data-astro-cid-3ebdarfh]{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;padding:3rem;border-radius:24px}.info-card[data-astro-cid-3ebdarfh] h3[data-astro-cid-3ebdarfh]{color:#fff;font-size:1.3rem;margin-bottom:1rem}.info-card[data-astro-cid-3ebdarfh] p[data-astro-cid-3ebdarfh]{font-size:.95rem;color:#b0b0b0;margin:0;text-align:left}.related-tools[data-astro-cid-3ebdarfh]{padding:60px 0}.tools-grid[data-astro-cid-3ebdarfh]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.tool-card[data-astro-cid-3ebdarfh]{padding:2rem;border-radius:24px;display:flex;flex-direction:column;gap:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);height:100%}.tool-card[data-astro-cid-3ebdarfh]:hover{transform:translateY(-8px);background:#ffffff0d;border-color:#883aea80}.card-header[data-astro-cid-3ebdarfh]{display:flex;align-items:center;gap:1.2rem}.icon-box[data-astro-cid-3ebdarfh]{width:64px;height:64px;background:#883aea1a;border-radius:16px;display:flex;align-items:center;justify-content:center;padding:12px}.icon-box[data-astro-cid-3ebdarfh] img[data-astro-cid-3ebdarfh]{width:100%;height:100%;object-fit:contain}.tool-card[data-astro-cid-3ebdarfh] h3[data-astro-cid-3ebdarfh]{font-size:1.25rem;color:#fff;margin:0}.tool-card[data-astro-cid-3ebdarfh] p[data-astro-cid-3ebdarfh]{font-size:.95rem;color:#b0b0b0;line-height:1.6;margin:0!important;flex-grow:1;text-align:left!important}.card-footer[data-astro-cid-3ebdarfh]{margin-top:auto}.launch-btn[data-astro-cid-3ebdarfh]{display:inline-block;padding:.8rem 1.5rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;font-size:.9rem;transition:all .2s ease;width:100%;text-align:center}.launch-btn[data-astro-cid-3ebdarfh]:hover{background:#883aea;border-color:#883aea;box-shadow:0 0 20px #883aea4d}.related-blogs[data-astro-cid-3ebdarfh]{padding:60px 0 100px}.section-title[data-astro-cid-3ebdarfh]{font-size:2.5rem;font-weight:800;text-align:center;margin-bottom:3rem;color:#fff}.blog-grid[data-astro-cid-3ebdarfh]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.blog-card[data-astro-cid-3ebdarfh]{border-radius:24px;overflow:hidden;display:flex;flex-direction:column;height:100%;transition:transform .3s ease}.blog-card[data-astro-cid-3ebdarfh]:hover{transform:translateY(-8px);border-color:#883aea80}.card-image[data-astro-cid-3ebdarfh]{height:180px;overflow:hidden}.card-image[data-astro-cid-3ebdarfh] img[data-astro-cid-3ebdarfh]{width:100%;height:100%;object-fit:cover}.card-content[data-astro-cid-3ebdarfh]{padding:1.5rem;flex-grow:1}.title-link[data-astro-cid-3ebdarfh]{text-decoration:none}.blog-card[data-astro-cid-3ebdarfh] h3[data-astro-cid-3ebdarfh]{font-size:1.1rem;color:#fff;margin-bottom:.8rem;line-height:1.4;transition:color .2s ease}.title-link[data-astro-cid-3ebdarfh]:hover h3[data-astro-cid-3ebdarfh]{color:#da62c4}.blog-card[data-astro-cid-3ebdarfh] p[data-astro-cid-3ebdarfh]{font-size:.85rem;color:#b0b0b0;margin:0;line-height:1.6;text-align:left}@media(max-width:768px){.info-grid[data-astro-cid-3ebdarfh],.tools-grid[data-astro-cid-3ebdarfh],.blog-grid[data-astro-cid-3ebdarfh]{grid-template-columns:1fr}h1[data-astro-cid-3ebdarfh]{font-size:2.5rem}}