.tool-box[data-astro-cid-aslngntm]{background:var(--bg-tool);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:40px;margin-bottom:40px}.upload-section[data-astro-cid-aslngntm]{margin-bottom:30px}.drag-drop-zone[data-astro-cid-aslngntm]{border:2px dashed var(--accent-secondary);border-radius:var(--radius-md);padding:60px 40px;text-align:center;cursor:pointer;transition:all .2s ease;background:#0ea5e905}.drag-drop-zone[data-astro-cid-aslngntm]:hover{border-color:var(--accent-primary);background:#6c3ce108}.drag-drop-zone[data-astro-cid-aslngntm].drag-active{border-color:var(--accent-primary);background:#6c3ce114;transform:scale(1.02)}.upload-icon[data-astro-cid-aslngntm]{font-size:48px;margin-bottom:16px}.upload-text[data-astro-cid-aslngntm]{font-size:18px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.upload-link[data-astro-cid-aslngntm]{color:var(--accent-secondary);text-decoration:underline}.upload-help[data-astro-cid-aslngntm]{font-size:14px;color:var(--text-secondary);margin-top:8px}.preview-section[data-astro-cid-aslngntm]{display:space-y}.preview-section[data-astro-cid-aslngntm].hidden{display:none}.video-player-wrapper[data-astro-cid-aslngntm]{margin-bottom:30px;border-radius:var(--radius-md);overflow:hidden;background:#000}.video-preview[data-astro-cid-aslngntm]{width:100%;max-height:400px;display:block}.controls-grid[data-astro-cid-aslngntm]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.control-group[data-astro-cid-aslngntm]{display:flex;flex-direction:column}.control-group[data-astro-cid-aslngntm].full-width{grid-column:1 / -1;flex-direction:row;gap:12px}.control-group[data-astro-cid-aslngntm] label[data-astro-cid-aslngntm]{font-size:14px;font-weight:500;color:var(--text-primary);margin-bottom:8px}.control-group[data-astro-cid-aslngntm] input[data-astro-cid-aslngntm],.control-group[data-astro-cid-aslngntm] select[data-astro-cid-aslngntm]{padding:10px 12px;border:1px solid var(--border-color);border-radius:var(--radius-sm);background:var(--bg-secondary);color:var(--text-primary);font-size:14px;transition:border-color .2s}.control-group[data-astro-cid-aslngntm] input[data-astro-cid-aslngntm]:focus,.control-group[data-astro-cid-aslngntm] select[data-astro-cid-aslngntm]:focus{outline:none;border-color:var(--accent-secondary)}.control-hint[data-astro-cid-aslngntm]{font-size:12px;color:var(--text-muted);margin-top:4px}.btn[data-astro-cid-aslngntm]{padding:12px 20px;border:none;border-radius:var(--radius-sm);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;white-space:nowrap}.btn-primary[data-astro-cid-aslngntm]{background:var(--accent-primary);color:#fff;flex:1}.btn-primary[data-astro-cid-aslngntm]:hover:not(:disabled){background:#5a2bc4;transform:translateY(-2px)}.btn-primary[data-astro-cid-aslngntm]:disabled{opacity:.5;cursor:not-allowed}.btn-secondary[data-astro-cid-aslngntm]{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-color);flex:1}.btn-secondary[data-astro-cid-aslngntm]:hover{background:var(--bg-primary);border-color:var(--accent-secondary)}.btn-success[data-astro-cid-aslngntm]{background:var(--accent-success);color:#fff;flex:1}.btn-success[data-astro-cid-aslngntm]:hover{background:#059669;transform:translateY(-2px)}.progress-section[data-astro-cid-aslngntm]{margin-top:30px}.progress-section[data-astro-cid-aslngntm].hidden{display:none}.progress-bar-wrapper[data-astro-cid-aslngntm]{background:var(--bg-secondary);border-radius:var(--radius-sm);height:8px;overflow:hidden;margin-bottom:12px}.progress-bar[data-astro-cid-aslngntm]{background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));height:100%;width:0%;transition:width .3s ease}.progress-text[data-astro-cid-aslngntm]{font-size:14px;color:var(--text-secondary);text-align:center}.output-section[data-astro-cid-aslngntm]{margin-top:30px}.output-section[data-astro-cid-aslngntm].hidden{display:none}.output-section[data-astro-cid-aslngntm] h3[data-astro-cid-aslngntm]{font-size:18px;color:var(--text-primary);margin-bottom:16px}.gif-preview-wrapper[data-astro-cid-aslngntm]{background:#000;border-radius:var(--radius-md);padding:20px;text-align:center;margin-bottom:16px}.gif-preview[data-astro-cid-aslngntm]{max-width:100%;max-height:400px;border-radius:var(--radius-sm)}.output-controls[data-astro-cid-aslngntm]{display:flex;gap:12px;margin-bottom:12px}.download-icon[data-astro-cid-aslngntm],.copy-icon[data-astro-cid-aslngntm]{margin-right:6px}.file-size-info[data-astro-cid-aslngntm]{font-size:14px;color:var(--text-muted);text-align:center}.error-message[data-astro-cid-aslngntm]{background:#ef44441a;border:1px solid var(--accent-error);border-radius:var(--radius-sm);padding:12px 16px;color:var(--accent-error);margin-bottom:20px;font-size:14px}.error-message[data-astro-cid-aslngntm].hidden{display:none}@media(max-width:768px){.tool-box[data-astro-cid-aslngntm]{padding:20px}.drag-drop-zone[data-astro-cid-aslngntm]{padding:40px 20px}.controls-grid[data-astro-cid-aslngntm]{grid-template-columns:1fr}.control-group[data-astro-cid-aslngntm].full-width{flex-direction:column}.btn[data-astro-cid-aslngntm]{width:100%}.output-controls[data-astro-cid-aslngntm]{flex-direction:column}}