:root{--bg-primary: #ffffff;--bg-secondary: #f5f5f5;--text-primary: #1a1a1a;--text-secondary: #666666;--accent-primary: #00b894;--accent-secondary: #00d4aa;--border-color: #e0e0e0;--button-bg: #1a1a1a;--button-text: #ffffff;--active-link: #00b894;--header-bg: #ffffff;--transition-speed: .3s;--hero-headline: #00b894;--hero-text: #1a1a1a;--hero-button-bg: #00b894;--hero-button-text: #ffffff;--hero-graphic-gradient-start: #00b894;--hero-graphic-gradient-mid1: #00d4aa;--hero-graphic-gradient-mid2: #4dd0e1;--hero-graphic-gradient-end: #e1bee7;--footer-bg: #f5f5f5;--footer-bg-bottom: #e8e8e8;--footer-heading: #1a1a1a;--footer-text: #666666;--footer-link: #666666;--footer-link-hover: #00b894;--footer-border: #e0e0e0;--social-icon-bg: #e0e0e0;--social-icon-color: #1a1a1a;--social-icon-hover-bg: #00b894;--social-icon-hover-color: #ffffff;--footer-pattern-gradient-start: rgba(223, 218, 218, .8);--footer-pattern-gradient-end: rgba(232, 232, 232, .3);--footer-grid-color: rgba(224, 224, 224, .1);--contact-card-border: #e0e0e0;--contact-card-shadow: rgba(0, 0, 0, .05);--contact-icon-bg: #e8f5e9;--contact-icon-color: #00b894;--contact-form-bg: #ffffff;--contact-input-bg: #ffffff;--contact-input-border: #e0e0e0;--contact-input-focus-border: #00b894;--contact-button-bg: #00b894;--contact-button-text: #ffffff;--contact-button-hover-bg: #00a085}[data-theme=dark]{--bg-primary: #0a0a0a;--bg-secondary: #1a1a1a;--text-primary: #ffffff;--text-secondary: #b0b0b0;--accent-primary: #00d4aa;--accent-secondary: #00ffcc;--border-color: #333333;--button-bg: #ffffff;--button-text: #1a1a1a;--active-link: #00ff00;--header-bg: #0a0a0a;--hero-text: #ffffff;--footer-bg: var(--bg-secondary);--footer-bg-bottom: #050505;--footer-heading: #ffffff;--footer-text: #b0b0b0;--footer-link: #d3d3d3;--footer-link-hover: #00ff00;--footer-border: #333333;--social-icon-bg: #1a1a1a;--social-icon-color: #ffffff;--social-icon-hover-bg: #00ff00;--social-icon-hover-color: #0a0a0a;--footer-pattern-gradient-start: rgba(77, 77, 77, .6);--footer-pattern-gradient-end: rgba(10, 10, 10, .2);--footer-grid-color: rgba(51, 51, 51, .15);--contact-card-border: #333333;--contact-card-shadow: rgba(0, 0, 0, .3);--contact-icon-bg: #0d2818;--contact-icon-color: #00d4aa;--contact-form-bg: #1a1a1a;--contact-input-bg: #0a0a0a;--contact-input-border: #333333;--contact-input-focus-border: #00d4aa;--contact-button-bg: #00d4aa;--contact-button-text: #0a0a0a;--contact-button-hover-bg: #00ffcc}*,[data-theme] *{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease}._toolPage_59lyn_97{max-width:880px;margin:0 auto;padding:0 1.25rem 4rem}._heroFold_59lyn_103{min-height:calc(100vh - 5.5rem);display:flex;flex-direction:column;padding-top:2.5rem;padding-bottom:3rem}@media(min-width:768px){._heroFold_59lyn_103{padding-top:3.5rem}}._breadcrumb_59lyn_116{font-size:.8125rem;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-primary);margin-bottom:1.25rem;text-align:center}._breadcrumb_59lyn_116 a{color:var(--accent-primary);text-decoration:none}._breadcrumb_59lyn_116 a:hover{text-decoration:underline}._header_59lyn_132{text-align:center;margin-bottom:2rem}._title_59lyn_137{font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem;line-height:1.15}@media(min-width:768px){._title_59lyn_137{font-size:3rem}}._lede_59lyn_150{font-size:1.0625rem;color:var(--text-secondary);line-height:1.6;max-width:34rem;margin:0 auto}._converter_59lyn_158{flex:1;display:flex;flex-direction:column;justify-content:center;max-width:640px;width:100%;margin:0 auto}._dropzone_59lyn_168{border:1px solid var(--border-color);border-radius:16px;padding:2.75rem 1.5rem;text-align:center;background:var(--bg-secondary);transition:border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}._dropzone_59lyn_168[data-active=true]{border-color:var(--accent-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-primary) 20%,transparent)}._uploadIcon_59lyn_181{display:flex;justify-content:center;margin-bottom:1rem;color:var(--accent-primary)}._dropzoneTitle_59lyn_188{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1.25rem}._dropzoneHint_59lyn_195{font-size:.875rem;color:var(--text-secondary);margin-top:1rem}._browseBtn_59lyn_201{display:inline-flex;align-items:center;justify-content:center;padding:.85rem 1.75rem;border-radius:8px;font-size:.9375rem;font-weight:700;font-family:inherit;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;border:none;background:var(--accent-primary);color:var(--contact-button-text, #ffffff)}._browseBtn_59lyn_201:hover:not(:disabled){background:var(--contact-button-hover-bg, #00a085)}._browseBtn_59lyn_201:disabled{opacity:.55;cursor:not-allowed}._fileInput_59lyn_225{position:absolute;width:1px;height:1px;opacity:0;overflow:hidden}._qualityBar_59lyn_233{display:flex;align-items:center;gap:.75rem;margin-top:1.25rem;padding:0 .25rem}._qualityLabel_59lyn_241{font-size:.8125rem;color:var(--text-secondary);white-space:nowrap}._qualitySlider_59lyn_247{flex:1;accent-color:var(--accent-primary)}._qualityValue_59lyn_252{min-width:1.75rem;font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:right}._batchError_59lyn_260{margin-top:1rem;font-size:.875rem;color:#e74c3c;text-align:center}._results_59lyn_267{margin-top:1.5rem}._detailsBelow_59lyn_271{border-top:1px solid var(--border-color);padding-top:3rem;margin-top:1rem}._section_59lyn_277{margin-bottom:2.75rem}._sectionTitle_59lyn_281{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}._steps_59lyn_288{list-style:decimal;padding-left:1.25rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:.55rem;line-height:1.55;font-size:.975rem}._faqList_59lyn_299{display:flex;flex-direction:column;gap:1.15rem}._faqItem_59lyn_305{border-bottom:1px solid var(--border-color);padding-bottom:1.15rem}._faqQuestion_59lyn_310{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:.4rem}._faqAnswer_59lyn_317{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.avif-batch-note{font-size:.875rem;color:#e74c3c;margin-bottom:.75rem;text-align:center}.avif-item-list{display:flex;flex-direction:column;gap:.65rem}.avif-item{border:1px solid var(--border-color);border-radius:10px;padding:.85rem 1rem;background:var(--bg-secondary)}.avif-item-row{display:flex;align-items:center;gap:.85rem}.avif-item-thumb{width:56px;height:56px;flex-shrink:0;object-fit:cover;border-radius:8px;border:1px solid var(--border-color);background:var(--bg-primary)}.avif-item-thumb--empty{background:var(--border-color)}.avif-item-info{flex:1;min-width:0}.avif-item-name{font-size:.9375rem;font-weight:600;color:var(--text-primary);word-break:break-word;margin-bottom:.25rem}.avif-download-error{margin-top:.75rem;font-size:.875rem;color:#e74c3c;text-align:center}.avif-download-all:disabled,.avif-clear-inline:disabled{opacity:.55;cursor:not-allowed}.avif-item-sizes{font-size:.8125rem;color:var(--text-secondary);margin:0}.avif-item-sizes span{color:var(--accent-primary);font-weight:600}.avif-item-status{flex-shrink:0;margin-left:auto;font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);padding-top:.15rem}.avif-item-status[data-status=processing],.avif-item-status[data-status=done]{color:var(--accent-primary)}.avif-item-status[data-status=error]{color:#e74c3c}.avif-item-error{font-size:.8125rem;color:#e74c3c;margin-top:.35rem}.avif-batch-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:1.25rem}.avif-download-all,.avif-clear-inline{display:inline-flex;align-items:center;justify-content:center;padding:.8rem 1.5rem;border-radius:8px;font-size:.9375rem;font-weight:700;font-family:inherit;cursor:pointer;border:none}.avif-download-all{background:var(--accent-primary);color:var(--contact-button-text, #ffffff)}.avif-download-all:hover{background:var(--contact-button-hover-bg, #00a085)}.avif-clear-inline{background:transparent;color:var(--text-primary);border:1px solid var(--border-color)}.avif-clear-inline:hover{border-color:var(--accent-primary)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
