.hero[data-astro-cid-j7pv25f6]{text-align:center;padding:var(--space-xl) 0}.hero[data-astro-cid-j7pv25f6] h1[data-astro-cid-j7pv25f6]{font-size:clamp(var(--font-size-2xl),5vw,var(--font-size-3xl));margin-bottom:var(--space-md)}.hero-subtitle[data-astro-cid-j7pv25f6]{font-size:var(--font-size-lg);color:var(--color-text-secondary)}.tool-container[data-astro-cid-j7pv25f6]{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-xl);margin-bottom:var(--space-xl)}.mode-tabs[data-astro-cid-j7pv25f6]{display:flex;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-lg)}.mode-tab[data-astro-cid-j7pv25f6]{flex:1;padding:var(--space-md);font-weight:600;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer}.mode-tab[data-astro-cid-j7pv25f6]:hover{background:var(--color-bg-secondary)}.mode-tab[data-astro-cid-j7pv25f6].active{background:var(--color-primary);color:#fff}.encode-options[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg);flex-wrap:wrap}.option-label[data-astro-cid-j7pv25f6]{display:flex;align-items:flex-start;gap:var(--space-sm);cursor:pointer;padding:var(--space-md);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:1;min-width:200px}.option-label[data-astro-cid-j7pv25f6]:has(input:checked){border-color:var(--color-primary)}.option-label[data-astro-cid-j7pv25f6] input[data-astro-cid-j7pv25f6]{margin-top:4px;accent-color:var(--color-primary)}.option-label[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-weight:600;display:block}.option-label[data-astro-cid-j7pv25f6] small[data-astro-cid-j7pv25f6]{display:block;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.input-group[data-astro-cid-j7pv25f6],.output-group[data-astro-cid-j7pv25f6]{margin-bottom:var(--space-lg)}.input-group[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6],.output-group[data-astro-cid-j7pv25f6] label[data-astro-cid-j7pv25f6]{display:block;font-weight:600;margin-bottom:var(--space-sm)}textarea[data-astro-cid-j7pv25f6]{width:100%;padding:var(--space-md);font-family:monospace;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);resize:vertical}textarea[data-astro-cid-j7pv25f6]:focus{outline:none;border-color:var(--color-primary)}.input-actions[data-astro-cid-j7pv25f6],.output-actions[data-astro-cid-j7pv25f6]{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);align-items:center}.char-count[data-astro-cid-j7pv25f6]{margin-left:auto;font-size:var(--font-size-sm);color:var(--color-text-secondary)}.convert-wrapper[data-astro-cid-j7pv25f6]{display:flex;justify-content:center;margin:var(--space-lg) 0}.btn-large[data-astro-cid-j7pv25f6]{padding:var(--space-md) var(--space-2xl);font-size:var(--font-size-lg)}.reference-section[data-astro-cid-j7pv25f6]{margin-top:var(--space-xl)}.reference-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:var(--font-size-xl);margin-bottom:var(--space-lg)}.reference-grid[data-astro-cid-j7pv25f6]{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--space-sm)}.reference-item[data-astro-cid-j7pv25f6]{display:flex;flex-direction:column;align-items:center;padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.reference-item[data-astro-cid-j7pv25f6] code[data-astro-cid-j7pv25f6]{font-size:var(--font-size-lg);font-weight:600;color:var(--color-primary)}.reference-item[data-astro-cid-j7pv25f6] span[data-astro-cid-j7pv25f6]{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.info-section[data-astro-cid-j7pv25f6]{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.info-section[data-astro-cid-j7pv25f6] h2[data-astro-cid-j7pv25f6]{font-size:var(--font-size-xl);margin-bottom:var(--space-md)}.info-section[data-astro-cid-j7pv25f6] p[data-astro-cid-j7pv25f6]{color:var(--color-text-secondary);line-height:1.7}@media(max-width:600px){.tool-container[data-astro-cid-j7pv25f6]{padding:var(--space-lg)}.encode-options[data-astro-cid-j7pv25f6]{flex-direction:column}}