#tool{padding-top:16px!important;padding-bottom:40px!important}@media(min-width:768px){#tool{padding-top:24px!important;padding-bottom:60px!important}}.tool-container.svelte-1xwngrw{max-width:900px;margin:0 auto;text-align:center}.header.svelte-1xwngrw{text-align:center;margin-bottom:1.5rem;padding-top:0}h1.svelte-1xwngrw{font-size:2.5rem;font-weight:800;margin-bottom:12px;line-height:1.2;letter-spacing:-.02em;color:var(--text-main)}.subtitle.svelte-1xwngrw{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:650px;margin:0 auto}.interface.svelte-1xwngrw{text-align:left;overflow:hidden}.workspace.svelte-1xwngrw{min-height:360px;display:flex;align-items:center;justify-content:center}.step-content.svelte-1xwngrw{width:100%;animation:svelte-1xwngrw-fadeIn .4s ease-in-out}@keyframes svelte-1xwngrw-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-1xwngrw{animation:svelte-1xwngrw-fadeIn .4s ease-in-out}.section-label.svelte-1xwngrw{display:block;margin-bottom:12px;font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.drop-zone.svelte-1xwngrw{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:40px;border:2px dashed var(--border);border-radius:var(--radius-md);cursor:pointer;transition:all .3s;background:var(--bg-main)}.drop-zone.svelte-1xwngrw:hover{border-color:var(--primary);background:var(--surface-1)}.drop-zone.dragging.svelte-1xwngrw{border-color:var(--primary);background:var(--primary-glow);border-style:solid}.drop-zone-icon.svelte-1xwngrw{color:var(--text-muted);transition:color .3s}.drop-zone.svelte-1xwngrw:hover .drop-zone-icon:where(.svelte-1xwngrw),.drop-zone.dragging.svelte-1xwngrw .drop-zone-icon:where(.svelte-1xwngrw){color:var(--primary)}.drop-zone-text.svelte-1xwngrw{font-size:1.1rem;font-weight:600;color:var(--text-main)}.drop-zone-hint.svelte-1xwngrw{font-size:.9rem;color:var(--text-muted)}.split-layout.svelte-1xwngrw{display:flex;gap:32px;align-items:flex-start;justify-content:center}.preview-panel.svelte-1xwngrw{flex:1;min-width:0;max-width:400px}.preview-wrapper.svelte-1xwngrw{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-1);aspect-ratio:16 / 9;display:flex;align-items:center;justify-content:center}.preview-wrapper.checkerboard.svelte-1xwngrw{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 25%),linear-gradient(-45deg,#e0e0e0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e0e0e0 75%),linear-gradient(-45deg,transparent 75%,#e0e0e0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px}.dark .preview-wrapper.checkerboard.svelte-1xwngrw{background-image:linear-gradient(45deg,#2a2a2a 25%,transparent 25%),linear-gradient(-45deg,#2a2a2a 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#2a2a2a 75%),linear-gradient(-45deg,transparent 75%,#2a2a2a 75%)}.preview-wrapper.svelte-1xwngrw img:where(.svelte-1xwngrw){max-width:100%;max-height:100%;display:block;object-fit:contain}.config-panel.svelte-1xwngrw{flex:0 0 280px;display:flex;flex-direction:column;gap:20px}.dimension-info.svelte-1xwngrw{text-align:center}.info-card.svelte-1xwngrw{padding:16px;background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--border);text-align:center}.info-text.svelte-1xwngrw{font-size:.9rem;color:var(--text-main);margin-bottom:8px}.success-text.svelte-1xwngrw{color:#10b981;font-size:.85rem;font-weight:600}.warning-text.svelte-1xwngrw{color:#f59e0b;font-size:.85rem;font-weight:600}.recommended-text.svelte-1xwngrw{font-size:.8rem;color:var(--text-muted);margin-top:6px}.input-group.svelte-1xwngrw{display:flex;flex-direction:column;gap:10px}.text-input.svelte-1xwngrw{width:100%;padding:10px 14px;font-size:.9rem;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-main);color:var(--text-main);transition:border-color .2s;box-sizing:border-box}.text-input.svelte-1xwngrw:focus{outline:none;border-color:var(--primary)}.text-input.svelte-1xwngrw::placeholder{color:var(--text-muted)}.btn.svelte-1xwngrw{min-width:120px;padding:12px 24px;font-size:1rem;font-weight:600;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;border:none}.btn-full.svelte-1xwngrw{width:100%}.btn-sm.svelte-1xwngrw{min-width:auto;padding:8px 16px;font-size:.9rem}.btn-primary.svelte-1xwngrw{background:var(--primary);color:#fff}.btn-primary.svelte-1xwngrw:hover:not(:disabled){background:var(--primary-hover, var(--primary));transform:translateY(-2px)}.btn-secondary.svelte-1xwngrw{background:var(--surface-1);color:var(--text-main);border:1px solid var(--border)}.btn-secondary.svelte-1xwngrw:hover{background:var(--surface-2, var(--surface-1));transform:translateY(-2px)}.btn-text.svelte-1xwngrw{background:none;border:none;color:var(--primary);font-size:.9rem;font-weight:600;cursor:pointer;padding:4px 8px;transition:all .2s;text-align:center}.btn-text.svelte-1xwngrw:hover{text-decoration:underline}.processing-section.svelte-1xwngrw{text-align:center;padding:40px 20px}.processing-icon.svelte-1xwngrw{margin:0 auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner.svelte-1xwngrw{width:60px;height:60px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:svelte-1xwngrw-spin 1s linear infinite}@keyframes svelte-1xwngrw-spin{to{transform:rotate(360deg)}}.processing-section.svelte-1xwngrw h3:where(.svelte-1xwngrw){font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-main)}.processing-text.svelte-1xwngrw{font-size:1rem;color:var(--text-muted);margin-bottom:24px}.progress-bar.svelte-1xwngrw{width:100%;max-width:400px;height:8px;background:var(--surface-1);border-radius:9999px;overflow:hidden;margin:0 auto 12px;border:1px solid var(--border)}.progress-fill.svelte-1xwngrw{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover, var(--primary)));border-radius:9999px;transition:width .3s ease}.progress-text.svelte-1xwngrw{font-size:.9rem;font-weight:600;color:var(--text-muted)}.results-section.svelte-1xwngrw{width:100%}.results-header.svelte-1xwngrw{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-actions.svelte-1xwngrw{display:flex;gap:8px}.preview-selector.svelte-1xwngrw{margin-bottom:16px;text-align:center}.preview-options.svelte-1xwngrw{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.preview-option.svelte-1xwngrw{flex:1;min-width:100px;padding:10px 16px;border:2px solid var(--border);background:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;font-size:.9rem;font-weight:600;color:var(--text-main)}.preview-option.svelte-1xwngrw:hover{border-color:var(--primary);transform:translateY(-2px)}.preview-option.active.svelte-1xwngrw{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.mode-toggle.svelte-1xwngrw{display:flex;justify-content:center;gap:8px;margin-bottom:20px}.mode-btn.svelte-1xwngrw{padding:8px 20px;border:2px solid var(--border);background:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s;color:var(--text-main)}.mode-btn.svelte-1xwngrw:hover{border-color:var(--primary)}.mode-btn.active.svelte-1xwngrw{border-color:var(--primary);background:var(--primary-glow);color:var(--primary)}.yt-preview-container.svelte-1xwngrw{border-radius:var(--radius-sm);border:1px solid var(--border);overflow:hidden;transition:background-color .3s;padding:24px}.yt-light.svelte-1xwngrw{background:#fff}.yt-dark.svelte-1xwngrw{background:#0f0f0f}.yt-home-card.svelte-1xwngrw{max-width:420px;margin:0 auto}.yt-thumb-wrapper.svelte-1xwngrw{border-radius:12px;overflow:hidden;position:relative;background:#000}.yt-thumb-home.svelte-1xwngrw{aspect-ratio:16 / 9;width:100%}.yt-thumb-sidebar.svelte-1xwngrw{aspect-ratio:16 / 9;width:168px;min-width:168px;border-radius:8px}.yt-thumb-mobile.svelte-1xwngrw{aspect-ratio:16 / 9;width:100%;border-radius:0}.yt-thumb-img.svelte-1xwngrw{width:100%;height:100%;object-fit:cover;display:block}.yt-meta.svelte-1xwngrw{display:flex;gap:12px;padding:12px 0 0;align-items:flex-start}.yt-avatar.svelte-1xwngrw{width:36px;height:36px;min-width:36px;border-radius:50%;background:#717171}.yt-meta-text.svelte-1xwngrw{flex:1;min-width:0}.yt-title.svelte-1xwngrw{font-size:1rem;font-weight:600;line-height:1.4;margin-bottom:4px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.yt-title-sm.svelte-1xwngrw{font-size:.85rem;line-height:1.3}.yt-light.svelte-1xwngrw .yt-title:where(.svelte-1xwngrw){color:#0f0f0f}.yt-dark.svelte-1xwngrw .yt-title:where(.svelte-1xwngrw){color:#f1f1f1}.yt-channel.svelte-1xwngrw,.yt-views.svelte-1xwngrw{font-size:.8rem;line-height:1.4}.yt-light.svelte-1xwngrw .yt-channel:where(.svelte-1xwngrw),.yt-light.svelte-1xwngrw .yt-views:where(.svelte-1xwngrw){color:#606060}.yt-dark.svelte-1xwngrw .yt-channel:where(.svelte-1xwngrw),.yt-dark.svelte-1xwngrw .yt-views:where(.svelte-1xwngrw){color:#aaa}.yt-sidebar-card.svelte-1xwngrw{display:flex;gap:8px;max-width:420px;margin:0 auto}.yt-sidebar-meta.svelte-1xwngrw{flex:1;min-width:0;padding-top:2px}.yt-mobile-card.svelte-1xwngrw{max-width:400px;margin:0 auto}@media(max-width:768px){.header.svelte-1xwngrw{margin-bottom:1.75rem}h1.svelte-1xwngrw{font-size:1.875rem}.subtitle.svelte-1xwngrw{font-size:1rem}.workspace.svelte-1xwngrw{min-height:320px}.split-layout.svelte-1xwngrw{flex-direction:column;gap:24px}.config-panel.svelte-1xwngrw{flex:none;width:100%}.drop-zone.svelte-1xwngrw{padding:32px 24px}.preview-options.svelte-1xwngrw{gap:6px}.preview-option.svelte-1xwngrw{min-width:auto;flex:1;padding:8px 12px;font-size:.85rem}}@media(max-width:640px){.btn.svelte-1xwngrw{width:100%}.yt-thumb-sidebar.svelte-1xwngrw{width:120px;min-width:120px}}