.main-content[data-astro-cid-yebtvacd]{min-height:calc(100vh - 200px);padding:var(--space-8) 0}.tool-layout[data-astro-cid-yebtvacd]{max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.tool-header[data-astro-cid-yebtvacd]{text-align:center;margin-bottom:var(--space-12);padding-bottom:var(--space-6);border-bottom:2px solid var(--primary)}.tool-title[data-astro-cid-yebtvacd]{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;color:var(--text-primary);margin:0 0 var(--space-4) 0;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:var(--space-3)}.tool-icon[data-astro-cid-yebtvacd]{width:32px;height:32px;color:var(--primary)}.tool-description[data-astro-cid-yebtvacd]{color:var(--text-secondary);font-size:1.125rem;max-width:700px;margin:0 auto;line-height:1.6}.tool-card[data-astro-cid-yebtvacd]{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);margin-bottom:var(--space-8)}.tool-content[data-astro-cid-yebtvacd]{padding:var(--space-8)}.base64-converter[data-astro-cid-yebtvacd]{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-6)}.converter-section[data-astro-cid-yebtvacd]{display:flex;flex-direction:column;gap:var(--space-3)}.section-label[data-astro-cid-yebtvacd]{font-weight:600;color:var(--text-primary);font-size:1rem;display:flex;align-items:center;gap:var(--space-2)}.base64-textarea[data-astro-cid-yebtvacd]{width:100%;min-height:300px;padding:var(--space-4);background:var(--surface-secondary);border:2px solid var(--border-light);border-radius:var(--radius-md);color:var(--text-primary);font-family:JetBrains Mono,Fira Code,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:.875rem;line-height:1.5;resize:vertical;transition:border-color var(--transition-fast)}.base64-textarea[data-astro-cid-yebtvacd]:focus{outline:none;border-color:var(--primary);background:var(--surface-card);box-shadow:0 0 0 3px #14b8a61a}.base64-textarea[data-astro-cid-yebtvacd].error{border-color:var(--error);background:#ef44440d}.converter-controls[data-astro-cid-yebtvacd]{display:flex;gap:var(--space-3);flex-wrap:wrap}.control-button[data-astro-cid-yebtvacd]{padding:var(--space-3) var(--space-4);background:var(--surface-secondary);color:var(--text-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-2)}.control-button[data-astro-cid-yebtvacd]:hover{background:var(--primary);color:#fff;border-color:var(--primary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.control-button[data-astro-cid-yebtvacd]:active{transform:translateY(0)}.control-button[data-astro-cid-yebtvacd].primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border:none}.control-button[data-astro-cid-yebtvacd].primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.format-options[data-astro-cid-yebtvacd]{display:flex;flex-wrap:wrap;gap:var(--space-4);margin:var(--space-4) 0}.option-group[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:var(--space-2)}.option-label[data-astro-cid-yebtvacd]{font-size:.875rem;color:var(--text-secondary);font-weight:500}.checkbox[data-astro-cid-yebtvacd]{width:16px;height:16px;accent-color:var(--primary)}.conversion-direction[data-astro-cid-yebtvacd]{display:flex;justify-content:center;align-items:center;margin:var(--space-4) 0}.direction-button[data-astro-cid-yebtvacd]{background:var(--surface-card);border:2px solid var(--primary);border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);color:var(--primary)}.direction-button[data-astro-cid-yebtvacd]:hover{background:var(--primary);color:#fff;transform:scale(1.1) rotate(180deg)}.status-indicator[data-astro-cid-yebtvacd]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:.75rem;font-weight:500;display:inline-block;margin-top:var(--space-2)}.status-success[data-astro-cid-yebtvacd]{background:#22c55e1a;color:#22c55e;border:1px solid rgba(34,197,94,.2)}.status-error[data-astro-cid-yebtvacd]{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.info-section[data-astro-cid-yebtvacd]{background:linear-gradient(135deg,#14b8a60d,#a855f70d);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light);margin-top:var(--space-8)}.info-title[data-astro-cid-yebtvacd]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4)}.info-grid[data-astro-cid-yebtvacd]{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.info-item[data-astro-cid-yebtvacd] h3[data-astro-cid-yebtvacd]{font-size:1rem;font-weight:600;color:var(--primary);margin-bottom:var(--space-2)}.info-item[data-astro-cid-yebtvacd] p[data-astro-cid-yebtvacd]{font-size:.875rem;color:var(--text-secondary);line-height:1.5;margin:0}.usage-examples[data-astro-cid-yebtvacd]{margin-top:var(--space-6)}.example-code[data-astro-cid-yebtvacd]{background:var(--surface-secondary);padding:var(--space-3);border-radius:var(--radius-sm);font-family:monospace;font-size:.75rem;color:var(--text-tertiary);overflow-x:auto;margin-top:var(--space-2)}@media(max-width:768px){.base64-converter[data-astro-cid-yebtvacd],.info-grid[data-astro-cid-yebtvacd]{grid-template-columns:1fr;gap:var(--space-4)}.tool-content[data-astro-cid-yebtvacd]{padding:var(--space-6)}.converter-controls[data-astro-cid-yebtvacd],.format-options[data-astro-cid-yebtvacd]{justify-content:center}.tool-title[data-astro-cid-yebtvacd]{flex-direction:column;gap:var(--space-2)}}