.tool-tabs[data-astro-cid-x27efxpp]{margin:30px 0}.tab-nav[data-astro-cid-x27efxpp]{display:flex;gap:10px;border-bottom:2px solid var(--border-color);margin-bottom:25px}.tab-btn[data-astro-cid-x27efxpp]{padding:12px 20px;background:none;border:none;color:var(--text-secondary);cursor:pointer;font-weight:500;border-bottom:2px solid transparent;transition:all .2s;font-size:1rem}.tab-btn[data-astro-cid-x27efxpp]:hover{color:var(--text-primary)}.tab-btn[data-astro-cid-x27efxpp].active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.tab-content[data-astro-cid-x27efxpp]{display:none}.tab-content[data-astro-cid-x27efxpp].active{display:block;animation:fadeIn .2s ease-in}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.input-section[data-astro-cid-x27efxpp],.output-section[data-astro-cid-x27efxpp]{margin:20px 0}.upload-area[data-astro-cid-x27efxpp]{border:2px dashed var(--accent-primary);border-radius:var(--radius-md);padding:40px 20px;text-align:center;cursor:pointer;transition:all .2s;background:#e85d3a0d}.upload-area[data-astro-cid-x27efxpp]:hover{opacity:.8}.upload-area[data-astro-cid-x27efxpp] p[data-astro-cid-x27efxpp]{margin:0;color:var(--text-secondary);font-size:1.1rem}.preview-section[data-astro-cid-x27efxpp]{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:20px;margin:20px 0}.preview-section[data-astro-cid-x27efxpp] img[data-astro-cid-x27efxpp]{max-width:100%;max-height:300px;border-radius:var(--radius-md);margin:15px 0}.preview-section[data-astro-cid-x27efxpp] h3[data-astro-cid-x27efxpp],.output-section[data-astro-cid-x27efxpp] h3[data-astro-cid-x27efxpp]{margin-top:0;color:var(--text-primary)}.copy-group[data-astro-cid-x27efxpp]{margin:20px 0}.copy-group[data-astro-cid-x27efxpp] label[data-astro-cid-x27efxpp]{display:block;margin-bottom:8px;font-weight:500;color:var(--text-primary);font-size:.9rem}.copy-group[data-astro-cid-x27efxpp] textarea[data-astro-cid-x27efxpp]{width:100%;height:100px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tool);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;resize:vertical}.copy-group[data-astro-cid-x27efxpp] textarea[data-astro-cid-x27efxpp]:focus{outline:none;border-color:var(--accent-primary)}#base64Input[data-astro-cid-x27efxpp]{width:100%;height:150px;padding:12px;border:1px solid var(--border-color);border-radius:var(--radius-md);background:var(--bg-tool);color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.85rem;resize:vertical;margin:15px 0}#base64Input[data-astro-cid-x27efxpp]:focus{outline:none;border-color:var(--accent-primary)}.info-box[data-astro-cid-x27efxpp]{background:#10b9811a;border-left:4px solid var(--accent-success);padding:12px 15px;border-radius:4px;margin:15px 0}.info-box[data-astro-cid-x27efxpp] p[data-astro-cid-x27efxpp]{margin:0;color:var(--text-primary);font-size:.95rem}.btn[data-astro-cid-x27efxpp]{padding:10px 18px;border:none;border-radius:var(--radius-md);cursor:pointer;font-weight:500;transition:all .2s;font-size:.95rem}.btn-primary[data-astro-cid-x27efxpp]{background:var(--accent-primary);color:#fff}.btn-primary[data-astro-cid-x27efxpp]:hover{opacity:.85}.btn-secondary[data-astro-cid-x27efxpp]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color)}.btn-secondary[data-astro-cid-x27efxpp]:hover{border-color:var(--accent-primary)}.btn-copy[data-astro-cid-x27efxpp]{background:var(--accent-secondary);color:#fff;width:100%;margin-top:8px}.btn-copy[data-astro-cid-x27efxpp]:hover{opacity:.85}.seo-content[data-astro-cid-x27efxpp]{margin-top:40px;padding-top:40px;border-top:1px solid var(--border-color)}.seo-content[data-astro-cid-x27efxpp] h2[data-astro-cid-x27efxpp]{margin-top:25px;color:var(--text-primary)}.seo-content[data-astro-cid-x27efxpp] h3[data-astro-cid-x27efxpp]{color:var(--accent-primary);margin-top:18px}.seo-content[data-astro-cid-x27efxpp] ul[data-astro-cid-x27efxpp],.seo-content[data-astro-cid-x27efxpp] ol[data-astro-cid-x27efxpp]{color:var(--text-secondary);line-height:1.8;padding-left:20px}.seo-content[data-astro-cid-x27efxpp] li[data-astro-cid-x27efxpp]{margin:8px 0}.seo-content[data-astro-cid-x27efxpp] code[data-astro-cid-x27efxpp]{background:var(--bg-tool);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,monospace;color:var(--accent-secondary);font-size:.9em}.seo-content[data-astro-cid-x27efxpp] p[data-astro-cid-x27efxpp]{color:var(--text-secondary);line-height:1.7;margin:12px 0}@media(max-width:640px){.upload-area[data-astro-cid-x27efxpp]{padding:25px 15px}.tab-nav[data-astro-cid-x27efxpp]{flex-wrap:wrap}.tab-btn[data-astro-cid-x27efxpp]{padding:10px 15px;font-size:.9rem}.copy-group[data-astro-cid-x27efxpp] textarea[data-astro-cid-x27efxpp],#base64Input[data-astro-cid-x27efxpp]{height:120px;font-size:.8rem}}