.main-content[data-astro-cid-yvy77j5i]{min-height:calc(100vh - 200px);padding:var(--space-8) 0}.tool-layout[data-astro-cid-yvy77j5i]{max-width:800px;margin:0 auto;padding:0 var(--space-4)}.tool-header[data-astro-cid-yvy77j5i]{text-align:center;margin-bottom:var(--space-12)}.tool-title[data-astro-cid-yvy77j5i]{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-yvy77j5i]{width:40px;height:40px;color:var(--primary)}.tool-description[data-astro-cid-yvy77j5i]{font-size:1.125rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6}.converter-container[data-astro-cid-yvy77j5i]{background:var(--surface-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-lg);margin-bottom:var(--space-8)}.upload-zone[data-astro-cid-yvy77j5i]{border:2px dashed var(--border-light);border-radius:var(--radius-lg);padding:var(--space-12);text-align:center;transition:all var(--transition-medium);cursor:pointer;background:var(--surface-secondary);position:relative;overflow:hidden}.upload-zone[data-astro-cid-yvy77j5i].dragover{border-color:var(--primary);background:#14b8a60d;transform:scale(1.02)}.upload-zone[data-astro-cid-yvy77j5i]:hover{border-color:var(--primary);background:#14b8a608}.upload-icon[data-astro-cid-yvy77j5i]{width:48px;height:48px;color:var(--text-tertiary);margin:0 auto var(--space-4)}.upload-text[data-astro-cid-yvy77j5i]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0 0 var(--space-2) 0}.upload-subtext[data-astro-cid-yvy77j5i]{color:var(--text-secondary);font-size:.875rem}.file-input[data-astro-cid-yvy77j5i]{position:absolute;opacity:0;pointer-events:none}.controls-section[data-astro-cid-yvy77j5i]{margin:var(--space-8) 0;display:none}.controls-section[data-astro-cid-yvy77j5i].visible{display:block}.controls-grid[data-astro-cid-yvy77j5i]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.control-group[data-astro-cid-yvy77j5i]{background:var(--surface-secondary);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.control-label[data-astro-cid-yvy77j5i]{display:block;font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2);font-size:.875rem}.format-select[data-astro-cid-yvy77j5i]{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-md);background:var(--surface-card);color:var(--text-primary);font-size:.875rem}.quality-control[data-astro-cid-yvy77j5i]{display:flex;align-items:center;gap:var(--space-3)}.quality-slider[data-astro-cid-yvy77j5i]{flex:1;-webkit-appearance:none;appearance:none;height:6px;background:var(--border-light);border-radius:var(--radius-full);outline:none}.quality-slider[data-astro-cid-yvy77j5i]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;background:var(--primary);border-radius:50%;cursor:pointer}.quality-value[data-astro-cid-yvy77j5i]{font-weight:600;color:var(--primary);min-width:3ch}.preview-section[data-astro-cid-yvy77j5i]{margin:var(--space-8) 0;display:none}.preview-section[data-astro-cid-yvy77j5i].visible{display:block}.preview-grid[data-astro-cid-yvy77j5i]{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-6)}.preview-card[data-astro-cid-yvy77j5i]{background:var(--surface-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-4);text-align:center}.preview-title[data-astro-cid-yvy77j5i]{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-3)}.preview-image[data-astro-cid-yvy77j5i]{max-width:100%;max-height:200px;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.preview-info[data-astro-cid-yvy77j5i]{display:flex;justify-content:space-between;font-size:.875rem;color:var(--text-secondary);margin-bottom:var(--space-4)}.action-buttons[data-astro-cid-yvy77j5i]{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-6)}.btn[data-astro-cid-yvy77j5i]{padding:var(--space-3) var(--space-6);border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.btn-primary[data-astro-cid-yvy77j5i]{background:var(--primary);color:#fff}.btn-primary[data-astro-cid-yvy77j5i]:hover{background:var(--primary-hover);transform:translateY(-2px)}.btn-secondary[data-astro-cid-yvy77j5i]{background:var(--surface-card);color:var(--text-primary);border:1px solid var(--border-light)}.btn-secondary[data-astro-cid-yvy77j5i]:hover{background:var(--surface-secondary);transform:translateY(-2px)}.btn-icon[data-astro-cid-yvy77j5i]{width:16px;height:16px}.features-section[data-astro-cid-yvy77j5i]{margin-top:var(--space-12);text-align:center}.features-title[data-astro-cid-yvy77j5i]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}.features-grid[data-astro-cid-yvy77j5i]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}.feature-card[data-astro-cid-yvy77j5i]{background:var(--surface-card);padding:var(--space-6);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.feature-icon[data-astro-cid-yvy77j5i]{width:32px;height:32px;color:var(--primary);margin:0 auto var(--space-3)}.feature-title[data-astro-cid-yvy77j5i]{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.feature-description[data-astro-cid-yvy77j5i]{color:var(--text-secondary);font-size:.875rem;line-height:1.5}.processing-overlay[data-astro-cid-yvy77j5i]{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;display:none}.processing-overlay[data-astro-cid-yvy77j5i].visible{display:flex}.processing-content[data-astro-cid-yvy77j5i]{background:var(--surface-card);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-2xl)}.spinner[data-astro-cid-yvy77j5i]{width:40px;height:40px;border:4px solid var(--border-light);border-top:4px solid var(--primary);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-4)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.tool-layout[data-astro-cid-yvy77j5i]{padding:0 var(--space-3)}.converter-container[data-astro-cid-yvy77j5i]{padding:var(--space-6)}.controls-grid[data-astro-cid-yvy77j5i],.preview-grid[data-astro-cid-yvy77j5i]{grid-template-columns:1fr}.action-buttons[data-astro-cid-yvy77j5i]{flex-direction:column}}