.main[data-astro-cid-yebtvacd]{min-height:calc(100vh - 80px);padding:2rem 0}.page-header[data-astro-cid-yebtvacd]{text-align:center;margin-bottom:3rem}.page-title[data-astro-cid-yebtvacd]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px}.page-description[data-astro-cid-yebtvacd]{font-size:1.125rem;color:var(--color-secondary);max-width:600px;margin:0 auto;line-height:1.6;font-family:var(--font-sans)}.encoder-section[data-astro-cid-yebtvacd]{margin-bottom:3rem}.encoder-card[data-astro-cid-yebtvacd]{background-color:var(--color-card);padding:2rem;max-width:1000px;margin:0 auto}.mode-selector[data-astro-cid-yebtvacd]{margin-bottom:2rem}.mode-tabs[data-astro-cid-yebtvacd]{display:flex;gap:.5rem;background-color:var(--color-code-bg);padding:.5rem;border-radius:4px;border:1px solid var(--color-border)}.mode-tab[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:none;border:none;color:var(--color-secondary);font-family:var(--font-mono);font-size:.85rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border-radius:2px;flex:1;justify-content:center}.mode-tab[data-astro-cid-yebtvacd]:hover{color:var(--color-text);background-color:var(--color-hover)}.mode-tab[data-astro-cid-yebtvacd].active{background-color:var(--color-accent);color:var(--color-bg)}.processing-mode[data-astro-cid-yebtvacd]{display:block}.processing-mode[data-astro-cid-yebtvacd].hidden{display:none}.input-section[data-astro-cid-yebtvacd],.output-section[data-astro-cid-yebtvacd],.batch-input-section[data-astro-cid-yebtvacd],.batch-output-section[data-astro-cid-yebtvacd],.file-input-section[data-astro-cid-yebtvacd],.file-output-section[data-astro-cid-yebtvacd]{margin-bottom:2rem}.input-group[data-astro-cid-yebtvacd],.output-group[data-astro-cid-yebtvacd]{position:relative}.input-label[data-astro-cid-yebtvacd],.output-label[data-astro-cid-yebtvacd]{display:flex;justify-content:space-between;align-items:center;font-family:var(--font-mono);font-size:.9rem;font-weight:700;margin-bottom:.75rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text)}.copy-result-btn[data-astro-cid-yebtvacd],.copy-batch-btn[data-astro-cid-yebtvacd]{background:none;border:1px solid var(--color-border);color:var(--color-secondary);padding:.25rem;cursor:pointer;transition:all .2s ease;border-radius:2px;display:flex;align-items:center;justify-content:center}.copy-result-btn[data-astro-cid-yebtvacd]:hover,.copy-batch-btn[data-astro-cid-yebtvacd]:hover{color:var(--color-accent);background-color:var(--color-hover)}.copy-result-btn[data-astro-cid-yebtvacd].copied,.copy-batch-btn[data-astro-cid-yebtvacd].copied{color:#28a745;border-color:#28a745}.text-textarea[data-astro-cid-yebtvacd]{width:100%;padding:1rem;font-family:var(--font-mono);font-size:.9rem;background-color:var(--color-code-bg);border:2px solid var(--color-border);border-radius:4px;color:var(--color-text);line-height:1.5;resize:vertical;outline:none;transition:border-color .2s ease}.text-textarea[data-astro-cid-yebtvacd]:focus{border-color:var(--color-accent)}.text-textarea[data-astro-cid-yebtvacd].output-textarea{background-color:var(--color-hover);cursor:text}.batch-textarea[data-astro-cid-yebtvacd]{min-height:200px}.file-output-textarea[data-astro-cid-yebtvacd]{min-height:250px;font-size:.8rem;word-break:break-all}.file-upload-area[data-astro-cid-yebtvacd]{border:2px dashed var(--color-border);border-radius:8px;padding:3rem 2rem;text-align:center;background-color:var(--color-code-bg);cursor:pointer;transition:all .3s ease;position:relative;margin-bottom:1rem}.file-upload-area[data-astro-cid-yebtvacd]:hover{border-color:var(--color-accent);background-color:var(--color-hover)}.file-upload-area[data-astro-cid-yebtvacd].dragover{border-color:var(--color-accent);background-color:var(--color-hover);transform:scale(1.02)}.upload-icon[data-astro-cid-yebtvacd]{color:var(--color-secondary);margin-bottom:1rem}.upload-title[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:1rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.upload-subtitle[data-astro-cid-yebtvacd]{font-family:var(--font-sans);font-size:.875rem;color:var(--color-secondary);margin:0}.file-input[data-astro-cid-yebtvacd]{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-info[data-astro-cid-yebtvacd]{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;padding:1rem;margin-bottom:1rem}.file-details[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:1rem}.file-icon[data-astro-cid-yebtvacd]{font-size:2rem;flex-shrink:0}.file-meta[data-astro-cid-yebtvacd]{flex:1}.file-name[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:.9rem;font-weight:700;color:var(--color-text);margin-bottom:.25rem}.file-size[data-astro-cid-yebtvacd],.file-type[data-astro-cid-yebtvacd],.file-mime[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:.75rem;color:var(--color-secondary)}.image-preview[data-astro-cid-yebtvacd]{margin-top:1rem;border-top:1px solid var(--color-border);padding-top:1rem}.preview-header[data-astro-cid-yebtvacd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.preview-header[data-astro-cid-yebtvacd] h4[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:.9rem;font-weight:700;margin:0;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.image-controls[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:1rem}.compress-option[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text);cursor:pointer}.compress-option[data-astro-cid-yebtvacd] input[data-astro-cid-yebtvacd][type=checkbox]{width:14px;height:14px;accent-color:var(--color-accent)}.compression-settings[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:.5rem;padding:.5rem;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px}.quality-label[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-text)}.quality-label[data-astro-cid-yebtvacd] input[data-astro-cid-yebtvacd][type=range]{width:80px;accent-color:var(--color-accent)}.preview-container[data-astro-cid-yebtvacd]{position:relative;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;padding:1rem;text-align:center}.preview-img[data-astro-cid-yebtvacd]{max-width:100%;max-height:200px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.preview-info[data-astro-cid-yebtvacd]{display:flex;justify-content:space-between;margin-top:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-secondary)}.output-format-selector[data-astro-cid-yebtvacd]{margin-bottom:1rem}.format-tabs[data-astro-cid-yebtvacd]{display:flex;gap:.5rem;background-color:var(--color-code-bg);padding:.5rem;border-radius:4px;border:1px solid var(--color-border)}.format-tab[data-astro-cid-yebtvacd]{display:flex;align-items:center;padding:.5rem 1rem;background:none;border:none;color:var(--color-secondary);font-family:var(--font-mono);font-size:.8rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .2s ease;border-radius:2px;flex:1;justify-content:center}.format-tab[data-astro-cid-yebtvacd]:hover{color:var(--color-text);background-color:var(--color-hover)}.format-tab[data-astro-cid-yebtvacd].active{background-color:var(--color-accent);color:var(--color-bg)}.result-preview[data-astro-cid-yebtvacd]{margin-top:1rem;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;padding:1rem}.result-preview[data-astro-cid-yebtvacd] .preview-header[data-astro-cid-yebtvacd]{margin-bottom:1rem}.close-preview-btn[data-astro-cid-yebtvacd]{background:none;border:1px solid var(--color-border);color:var(--color-secondary);padding:.25rem;cursor:pointer;transition:all .2s ease;border-radius:2px;display:flex;align-items:center;justify-content:center}.close-preview-btn[data-astro-cid-yebtvacd]:hover{color:#dc3545;border-color:#dc3545;background-color:var(--color-hover)}.result-preview-container[data-astro-cid-yebtvacd]{text-align:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:4px;padding:1rem}.result-preview-img[data-astro-cid-yebtvacd]{max-width:100%;max-height:300px;border-radius:4px;box-shadow:0 2px 8px #0000001a}.preview-result-btn[data-astro-cid-yebtvacd]{background:none;border:1px solid var(--color-border);color:var(--color-secondary);padding:.25rem;cursor:pointer;transition:all .2s ease;border-radius:2px;display:flex;align-items:center;justify-content:center}.preview-result-btn[data-astro-cid-yebtvacd]:hover{color:var(--color-accent);background-color:var(--color-hover)}.remove-file-btn[data-astro-cid-yebtvacd]{background:none;border:1px solid var(--color-border);color:var(--color-secondary);padding:.5rem;cursor:pointer;transition:all .2s ease;border-radius:4px;flex-shrink:0}.remove-file-btn[data-astro-cid-yebtvacd]:hover{color:#dc3545;border-color:#dc3545;background-color:var(--color-hover)}.file-output-actions[data-astro-cid-yebtvacd]{display:flex;gap:.5rem}.download-result-btn[data-astro-cid-yebtvacd]{background:none;border:1px solid var(--color-border);color:var(--color-secondary);padding:.25rem;cursor:pointer;transition:all .2s ease;border-radius:2px;display:flex;align-items:center;justify-content:center}.download-result-btn[data-astro-cid-yebtvacd]:hover{color:var(--color-accent);background-color:var(--color-hover)}.input-info[data-astro-cid-yebtvacd],.output-info[data-astro-cid-yebtvacd],.batch-info[data-astro-cid-yebtvacd],.batch-result-info[data-astro-cid-yebtvacd]{display:flex;justify-content:space-between;align-items:center;margin-top:.5rem;font-family:var(--font-mono);font-size:.75rem;color:var(--color-secondary)}.char-count[data-astro-cid-yebtvacd],.line-count[data-astro-cid-yebtvacd],.valid-count[data-astro-cid-yebtvacd],.processed-count[data-astro-cid-yebtvacd],.success-count[data-astro-cid-yebtvacd],.error-count[data-astro-cid-yebtvacd]{font-weight:500}.encoding-info[data-astro-cid-yebtvacd],.validation-status[data-astro-cid-yebtvacd]{font-weight:700;text-transform:uppercase;letter-spacing:.5px}.validation-status[data-astro-cid-yebtvacd].valid,.success-count[data-astro-cid-yebtvacd]{color:#28a745}.validation-status[data-astro-cid-yebtvacd].invalid,.error-count[data-astro-cid-yebtvacd]{color:#dc3545}.action-buttons[data-astro-cid-yebtvacd],.batch-actions[data-astro-cid-yebtvacd],.file-actions[data-astro-cid-yebtvacd]{display:flex;gap:1rem;justify-content:center;margin:1.5rem 0}.action-btn[data-astro-cid-yebtvacd]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background-color:var(--color-card);border:2px solid var(--color-border);color:var(--color-text);font-family:var(--font-mono);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease;border-radius:4px}.action-btn[data-astro-cid-yebtvacd]:hover:not(:disabled){background-color:var(--color-hover);border-color:var(--color-accent);color:var(--color-accent);transform:translateY(-1px)}.action-btn[data-astro-cid-yebtvacd]:disabled{opacity:.5;cursor:not-allowed;transform:none}.encode-btn[data-astro-cid-yebtvacd]:hover:not(:disabled),.batch-encode-btn[data-astro-cid-yebtvacd]:hover:not(:disabled){background-color:#007bff;border-color:#007bff;color:#fff}.decode-btn[data-astro-cid-yebtvacd]:hover:not(:disabled),.batch-decode-btn[data-astro-cid-yebtvacd]:hover:not(:disabled){background-color:#28a745;border-color:#28a745;color:#fff}.clear-btn[data-astro-cid-yebtvacd]:hover:not(:disabled),.clear-batch-btn[data-astro-cid-yebtvacd]:hover:not(:disabled){background-color:#dc3545;border-color:#dc3545;color:#fff}.encoding-options[data-astro-cid-yebtvacd]{border-top:2px solid var(--color-border);padding-top:2rem;margin-top:2rem}.options-title[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.options-grid[data-astro-cid-yebtvacd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.option-item[data-astro-cid-yebtvacd]{display:flex;flex-direction:column;gap:.25rem;padding:1rem;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;cursor:pointer;transition:all .2s ease}.option-item[data-astro-cid-yebtvacd]:hover{background-color:var(--color-hover)}.option-item[data-astro-cid-yebtvacd] input[data-astro-cid-yebtvacd][type=checkbox]{width:16px;height:16px;accent-color:var(--color-accent);margin-bottom:.5rem}.option-text[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--color-text)}.option-desc[data-astro-cid-yebtvacd]{font-family:var(--font-sans);font-size:.75rem;color:var(--color-secondary)}.examples-section[data-astro-cid-yebtvacd]{margin-bottom:3rem}.examples-content[data-astro-cid-yebtvacd]{background-color:var(--color-card);padding:2rem}.examples-title[data-astro-cid-yebtvacd]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.examples-grid[data-astro-cid-yebtvacd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.example-item[data-astro-cid-yebtvacd]{background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;padding:1.5rem}.example-title[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:1rem;text-transform:uppercase;letter-spacing:1px;color:var(--color-text)}.example-demo[data-astro-cid-yebtvacd]{margin-bottom:1rem}.example-input[data-astro-cid-yebtvacd],.example-output[data-astro-cid-yebtvacd]{margin-bottom:.75rem;padding:.75rem;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:2px;font-family:var(--font-mono);font-size:.8rem;line-height:1.4;word-break:break-all}.example-input[data-astro-cid-yebtvacd] strong[data-astro-cid-yebtvacd],.example-output[data-astro-cid-yebtvacd] strong[data-astro-cid-yebtvacd]{color:var(--color-accent);display:block;margin-bottom:.25rem}.try-example-btn[data-astro-cid-yebtvacd]{width:100%;padding:.5rem;background-color:var(--color-accent);color:var(--color-bg);border:none;border-radius:4px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .2s ease}.try-example-btn[data-astro-cid-yebtvacd]:hover{background-color:var(--color-text);transform:translateY(-1px)}.features-section[data-astro-cid-yebtvacd]{margin-bottom:3rem}.features-content[data-astro-cid-yebtvacd]{background-color:var(--color-card);padding:2rem}.features-title[data-astro-cid-yebtvacd]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.features-grid[data-astro-cid-yebtvacd]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.feature-item[data-astro-cid-yebtvacd]{text-align:center;padding:1rem;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px}.feature-icon[data-astro-cid-yebtvacd]{font-size:2rem;margin-bottom:1rem}.feature-item[data-astro-cid-yebtvacd] h3[data-astro-cid-yebtvacd]{font-family:var(--font-mono);font-size:1rem;font-weight:700;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.feature-item[data-astro-cid-yebtvacd] p[data-astro-cid-yebtvacd]{color:var(--color-secondary);font-size:.85rem;line-height:1.5;margin:0;font-family:var(--font-sans)}.usage-section[data-astro-cid-yebtvacd]{margin-bottom:2rem}.usage-content[data-astro-cid-yebtvacd]{background-color:var(--color-card);padding:2rem}.usage-title[data-astro-cid-yebtvacd]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;text-align:center;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;color:var(--color-accent)}.usage-list[data-astro-cid-yebtvacd]{display:flex;flex-direction:column;gap:1rem}.usage-item[data-astro-cid-yebtvacd]{padding:1rem;background-color:var(--color-code-bg);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-sans);line-height:1.6;color:var(--color-secondary)}.usage-item[data-astro-cid-yebtvacd] strong[data-astro-cid-yebtvacd]{color:var(--color-accent);font-weight:700}.hidden[data-astro-cid-yebtvacd]{display:none!important}@media (max-width: 768px){.page-title[data-astro-cid-yebtvacd]{font-size:2rem}.page-description[data-astro-cid-yebtvacd]{font-size:1rem}.encoder-card[data-astro-cid-yebtvacd]{padding:1.5rem}.mode-tabs[data-astro-cid-yebtvacd]{flex-direction:column}.action-buttons[data-astro-cid-yebtvacd],.batch-actions[data-astro-cid-yebtvacd],.file-actions[data-astro-cid-yebtvacd]{flex-direction:column;gap:.75rem}.action-btn[data-astro-cid-yebtvacd]{justify-content:center}.options-grid[data-astro-cid-yebtvacd],.examples-grid[data-astro-cid-yebtvacd]{grid-template-columns:1fr}.features-grid[data-astro-cid-yebtvacd]{grid-template-columns:1fr;gap:1rem}.features-content[data-astro-cid-yebtvacd],.usage-content[data-astro-cid-yebtvacd],.examples-content[data-astro-cid-yebtvacd]{padding:1.5rem}.file-upload-area[data-astro-cid-yebtvacd]{padding:2rem 1rem}.file-details[data-astro-cid-yebtvacd]{flex-direction:column;align-items:flex-start;gap:.75rem}.file-output-actions[data-astro-cid-yebtvacd]{flex-direction:column;gap:.25rem}.format-tabs[data-astro-cid-yebtvacd]{flex-direction:column}.image-controls[data-astro-cid-yebtvacd]{flex-direction:column;align-items:flex-start;gap:.5rem}.compression-settings[data-astro-cid-yebtvacd]{width:100%}.quality-label[data-astro-cid-yebtvacd]{flex-direction:column;align-items:flex-start;gap:.25rem}.quality-label[data-astro-cid-yebtvacd] input[data-astro-cid-yebtvacd][type=range]{width:100%}.preview-info[data-astro-cid-yebtvacd]{flex-direction:column;gap:.25rem}}