.main-content[data-astro-cid-53uo5rmk]{min-height:calc(100vh - 200px);padding:var(--space-8) 0}.tool-title[data-astro-cid-53uo5rmk]{font-size:clamp(2rem,5vw,2.5rem);font-weight:800;text-align:center;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tool-description[data-astro-cid-53uo5rmk]{text-align:center;color:var(--text-secondary);margin-bottom:var(--space-8);max-width:600px;margin-left:auto;margin-right:auto}.tool-container[data-astro-cid-53uo5rmk]{max-width:1200px;margin:0 auto}.drop-zone[data-astro-cid-53uo5rmk]{border:2px dashed var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;background:var(--surface-card);transition:all var(--transition-fast);cursor:pointer}.drop-zone[data-astro-cid-53uo5rmk].drag-over{border-color:var(--primary);background:#14b8a60d}.drop-zone-content[data-astro-cid-53uo5rmk]{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.upload-icon[data-astro-cid-53uo5rmk]{color:var(--text-tertiary);margin-bottom:var(--space-2)}.drop-text[data-astro-cid-53uo5rmk]{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin:0}.drop-subtext[data-astro-cid-53uo5rmk]{color:var(--text-tertiary);margin:0}.file-select-btn[data-astro-cid-53uo5rmk]{padding:var(--space-3) var(--space-6);background:var(--primary);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.file-select-btn[data-astro-cid-53uo5rmk]:hover{background:var(--primary-hover);transform:translateY(-1px)}.preview-area[data-astro-cid-53uo5rmk]{display:grid;grid-template-columns:1fr 400px;gap:var(--space-6);align-items:start}.lottie-container[data-astro-cid-53uo5rmk]{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg);display:flex;align-items:center;justify-content:center;min-height:500px}.control-panel[data-astro-cid-53uo5rmk]{background:var(--surface-card);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-lg)}.control-group[data-astro-cid-53uo5rmk]{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-light)}.control-group[data-astro-cid-53uo5rmk]:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.control-group[data-astro-cid-53uo5rmk] h3[data-astro-cid-53uo5rmk]{font-size:1rem;font-weight:600;margin:0 0 var(--space-3) 0;color:var(--text-primary)}.button-group[data-astro-cid-53uo5rmk]{display:flex;gap:var(--space-2)}.control-btn[data-astro-cid-53uo5rmk]{flex:1;padding:var(--space-2) var(--space-3);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;justify-content:center;gap:var(--space-1)}.control-btn[data-astro-cid-53uo5rmk]:hover{background:var(--surface-hover);transform:translateY(-1px)}.control-btn[data-astro-cid-53uo5rmk].small{flex:none;padding:var(--space-2)}.control-btn[data-astro-cid-53uo5rmk].primary{background:var(--primary);color:#fff;border-color:var(--primary);width:100%}.control-btn[data-astro-cid-53uo5rmk].primary:hover{background:var(--primary-hover)}.toggle-label[data-astro-cid-53uo5rmk]{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-label[data-astro-cid-53uo5rmk] input[data-astro-cid-53uo5rmk]{display:none}.toggle-slider[data-astro-cid-53uo5rmk]{position:relative;width:48px;height:24px;background:var(--surface-secondary);border-radius:24px;border:1px solid var(--border-light);transition:all var(--transition-fast)}.toggle-slider[data-astro-cid-53uo5rmk]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:#fff;border-radius:50%;transition:all var(--transition-fast)}.toggle-label[data-astro-cid-53uo5rmk] input[data-astro-cid-53uo5rmk]:checked+.toggle-slider[data-astro-cid-53uo5rmk]{background:var(--primary);border-color:var(--primary)}.toggle-label[data-astro-cid-53uo5rmk] input[data-astro-cid-53uo5rmk]:checked+.toggle-slider[data-astro-cid-53uo5rmk]:after{transform:translate(24px)}.speed-control[data-astro-cid-53uo5rmk],.frame-slider-container[data-astro-cid-53uo5rmk]{display:flex;align-items:center;gap:var(--space-3)}.frame-slider-container[data-astro-cid-53uo5rmk]{margin-top:var(--space-3)}input[data-astro-cid-53uo5rmk][type=range]{flex:1;height:6px;background:var(--surface-secondary);border-radius:3px;outline:none;-webkit-appearance:none}input[data-astro-cid-53uo5rmk][type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer}input[data-astro-cid-53uo5rmk][type=range]::-moz-range-thumb{width:16px;height:16px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.frame-control[data-astro-cid-53uo5rmk]{display:flex;align-items:center;gap:var(--space-3)}.frame-info[data-astro-cid-53uo5rmk]{flex:1;text-align:center;font-size:.875rem;color:var(--text-secondary)}.animation-info[data-astro-cid-53uo5rmk]{background:var(--surface-secondary);padding:var(--space-4);border-radius:var(--radius-md)}.animation-info[data-astro-cid-53uo5rmk] p[data-astro-cid-53uo5rmk]{margin:var(--space-2) 0;font-size:.875rem;color:var(--text-secondary)}.animation-info[data-astro-cid-53uo5rmk] span[data-astro-cid-53uo5rmk]{color:var(--text-primary);font-weight:500}@media (max-width: 1024px){.preview-area[data-astro-cid-53uo5rmk]{grid-template-columns:1fr}.control-panel[data-astro-cid-53uo5rmk]{max-width:600px;margin:0 auto}}@media (max-width: 768px){.tool-container[data-astro-cid-53uo5rmk]{padding:0 var(--space-4)}.drop-zone[data-astro-cid-53uo5rmk]{padding:var(--space-6)}.lottie-container[data-astro-cid-53uo5rmk],.control-panel[data-astro-cid-53uo5rmk]{padding:var(--space-4)}.button-group[data-astro-cid-53uo5rmk]{flex-direction:column}.control-btn[data-astro-cid-53uo5rmk]{width:100%}}