*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:#f8f9fa;min-height:100vh;padding:40px 20px}.container.svelte-1n46o8q{max-width:640px;margin:0 auto}h1.svelte-1n46o8q{color:#1a1a1a;font-size:24px;font-weight:600;margin-bottom:24px}.upload-area.svelte-1n46o8q{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:24px;margin-bottom:16px}.drop-zone.svelte-1n46o8q{border:1.5px dashed #d0d0d0;border-radius:6px;padding:48px 24px;cursor:pointer;transition:all .15s ease;background:#fafafa}.drop-zone.svelte-1n46o8q:hover{border-color:#999;background:#f5f5f5}.drop-zone.dragover.svelte-1n46o8q{border-color:#666;background:#f0f0f0}.drop-zone-icon.svelte-1n46o8q{color:#999;margin-bottom:12px}.drop-zone-text.svelte-1n46o8q{color:#333;font-size:15px;font-weight:500}.drop-zone-hint.svelte-1n46o8q{color:#999;font-size:13px;margin-top:6px}.file-list.svelte-1n46o8q{margin-top:24px}.file-item.svelte-1n46o8q{display:flex;align-items:center;padding:10px 12px;background:#fafafa;border:1px solid #eee;border-radius:6px;margin-bottom:6px;cursor:grab;transition:all .15s ease}.file-item.svelte-1n46o8q:hover{background:#f5f5f5}.file-item.svelte-1n46o8q:active{cursor:grabbing}.file-item.dragging.svelte-1n46o8q{opacity:.4}.file-item.drag-over.svelte-1n46o8q{border-color:#333;background:#f0f0f0}.file-item-drag-handle.svelte-1n46o8q{margin-right:10px;color:#ccc;display:flex;align-items:center;cursor:grab}.file-item-drag-handle.svelte-1n46o8q:hover{color:#999}.file-item-preview.svelte-1n46o8q{width:40px;height:40px;margin-right:12px;border-radius:4px;overflow:hidden;background:#fff;border:1px solid #e5e5e5;flex-shrink:0}.file-item-preview.svelte-1n46o8q img:where(.svelte-1n46o8q){width:100%;height:100%;object-fit:contain}.file-item-name.svelte-1n46o8q{flex:1;font-size:14px;font-weight:500;color:#1a1a1a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-item-size.svelte-1n46o8q{color:#999;font-size:12px;margin-left:12px}.file-item-order.svelte-1n46o8q{background:#f0f0f0;color:#666;font-size:11px;padding:3px 8px;border-radius:4px;margin-left:10px;font-weight:500}.file-item-remove.svelte-1n46o8q{background:none;color:#ccc;border:none;width:24px;height:24px;cursor:pointer;margin-left:8px;font-size:18px;line-height:1;border-radius:4px;transition:all .15s}.file-item-remove.svelte-1n46o8q:hover{background:#fee;color:#e55}.drag-hint.svelte-1n46o8q{margin-top:16px;font-size:12px;color:#999;text-align:center}.convert-btn.svelte-1n46o8q{background:#1a1a1a;color:#fff;border:none;padding:12px 24px;font-size:14px;font-weight:500;border-radius:4px;cursor:pointer;margin-top:20px;transition:all .15s;width:100%}.convert-btn.svelte-1n46o8q:hover:not(:disabled){background:#333}.convert-btn.svelte-1n46o8q:active:not(:disabled){transform:scale(.98);transform-origin:center}.convert-btn.svelte-1n46o8q:disabled{background:#e5e5e5;color:#999;cursor:not-allowed}.progress-container.svelte-1n46o8q{margin-top:20px}.progress-bar.svelte-1n46o8q{height:4px;background:#e5e5e5;border-radius:2px;overflow:hidden}.progress-fill.svelte-1n46o8q{height:100%;background:#1a1a1a;transition:width .2s ease}.progress-text.svelte-1n46o8q{margin-top:8px;color:#666;font-size:12px;text-align:center}.status-container.svelte-1n46o8q{min-height:57px;margin-top:16px}.status.svelte-1n46o8q{padding:12px 16px;border-radius:4px;font-size:13px;display:flex;align-items:center;opacity:0;animation:svelte-1n46o8q-statusFadeIn .2s ease forwards}@keyframes svelte-1n46o8q-statusFadeIn{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.status.success.svelte-1n46o8q{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.status.error.svelte-1n46o8q{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.info-section.svelte-1n46o8q{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:24px}.info-section.svelte-1n46o8q h2:where(.svelte-1n46o8q){color:#1a1a1a;font-size:15px;font-weight:600;margin-bottom:12px}.info-section.svelte-1n46o8q p:where(.svelte-1n46o8q){color:#666;font-size:14px;line-height:1.6}.info-section.svelte-1n46o8q ul:where(.svelte-1n46o8q){color:#666;font-size:13px;margin-left:16px;margin-top:12px;line-height:1.8}.info-section.svelte-1n46o8q li:where(.svelte-1n46o8q){margin-bottom:4px}.info-section.svelte-1n46o8q code:where(.svelte-1n46o8q){background:#f5f5f5;padding:2px 5px;border-radius:3px;font-size:12px;font-family:SF Mono,Monaco,monospace}.code-section.svelte-1n46o8q{background:#fff;border:1px solid #e5e5e5;border-radius:6px;padding:24px;margin-bottom:16px}.code-header.svelte-1n46o8q{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.code-header.svelte-1n46o8q h3:where(.svelte-1n46o8q){color:#1a1a1a;font-size:15px;font-weight:600}.copy-btn.svelte-1n46o8q{display:flex;align-items:center;gap:6px;background:#fff;border:1px solid #d0d0d0;border-radius:4px;padding:6px 12px;font-size:13px;color:#333;cursor:pointer;transition:all .15s ease}.copy-btn.copied.svelte-1n46o8q{background:#f0fdf4;border-color:#86efac;color:#166534}.copy-btn.svelte-1n46o8q:hover{background:#f5f5f5;border-color:#999}.copy-btn.copied.svelte-1n46o8q:hover{background:#dcfce7;border-color:#86efac}.copy-btn.svelte-1n46o8q:active{transform:scale(.98);transform-origin:center}.code-block.svelte-1n46o8q{background:#1e1e1e;border-radius:6px;padding:16px;overflow-x:auto;margin:0}.code-block.svelte-1n46o8q code:where(.svelte-1n46o8q){font-family:SF Mono,Consolas,Courier New,monospace;font-size:13px;line-height:1.6;color:#d4d4d4;background:transparent;padding:0;white-space:pre}