#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-7ffxun{max-width:900px;margin:0 auto;text-align:center}.header.svelte-7ffxun{text-align:center;margin-bottom:1.5rem;padding-top:0}h1.svelte-7ffxun{font-size:2.5rem;font-weight:800;margin-bottom:12px;line-height:1.2;letter-spacing:-.02em;color:var(--text-main)}.subtitle.svelte-7ffxun{font-size:1.125rem;color:var(--text-muted);line-height:1.6;max-width:650px;margin:0 auto}.interface.svelte-7ffxun{text-align:left;overflow:hidden}.workspace.svelte-7ffxun{min-height:360px;display:flex;align-items:center;justify-content:center}.step-content.svelte-7ffxun{width:100%;animation:svelte-7ffxun-fadeIn .4s ease-in-out}@keyframes svelte-7ffxun-fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in.svelte-7ffxun{animation:svelte-7ffxun-fadeIn .4s ease-in-out}.section-label.svelte-7ffxun{display:block;margin-bottom:12px;font-weight:600;font-size:.85rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.drop-zone.svelte-7ffxun{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-7ffxun:hover{border-color:var(--primary);background:var(--surface-1)}.drop-zone.dragging.svelte-7ffxun{border-color:var(--primary);background:var(--primary-glow);border-style:solid}.drop-zone-icon.svelte-7ffxun{color:var(--text-muted);transition:color .3s}.drop-zone.svelte-7ffxun:hover .drop-zone-icon:where(.svelte-7ffxun),.drop-zone.dragging.svelte-7ffxun .drop-zone-icon:where(.svelte-7ffxun){color:var(--primary)}.drop-zone-text.svelte-7ffxun{font-size:1.1rem;font-weight:600;color:var(--text-main)}.drop-zone-hint.svelte-7ffxun{font-size:.9rem;color:var(--text-muted)}.split-layout.svelte-7ffxun{display:flex;gap:32px;align-items:flex-start;justify-content:center}.preview-panel.svelte-7ffxun{flex:1;min-width:0;max-width:400px}.preview-wrapper.svelte-7ffxun{border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);background:var(--surface-1);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center}.preview-wrapper.checkerboard.svelte-7ffxun{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-7ffxun{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-7ffxun img:where(.svelte-7ffxun){max-width:100%;max-height:100%;display:block;object-fit:contain}.preview-wrapper.svelte-7ffxun img.square:where(.svelte-7ffxun){width:100%;height:100%;object-fit:cover}.config-panel.svelte-7ffxun{flex:0 0 280px;display:flex;flex-direction:column;gap:20px}.grid-selector.svelte-7ffxun{text-align:center}.grid-options.svelte-7ffxun{display:flex;gap:8px;justify-content:center}.grid-option.svelte-7ffxun{flex:1;padding:16px 8px;border:2px solid var(--border);background:var(--bg-main);border-radius:var(--radius-sm);cursor:pointer;transition:all .2s;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.grid-option.svelte-7ffxun:hover{border-color:var(--primary);transform:translateY(-2px)}.grid-option.active.svelte-7ffxun{border-color:var(--primary);background:var(--primary-glow)}.grid-preview.svelte-7ffxun{display:grid;gap:2px}.grid-1x3.svelte-7ffxun{grid-template-columns:repeat(3,18px);grid-template-rows:repeat(1,18px)}.grid-2x3.svelte-7ffxun{grid-template-columns:repeat(3,18px);grid-template-rows:repeat(2,18px)}.grid-3x3.svelte-7ffxun{grid-template-columns:repeat(3,18px);grid-template-rows:repeat(3,18px)}.grid-preview.svelte-7ffxun div:where(.svelte-7ffxun){background:var(--text-muted);border-radius:2px}.grid-option.active.svelte-7ffxun .grid-preview:where(.svelte-7ffxun) div:where(.svelte-7ffxun){background:var(--primary)}.grid-option.svelte-7ffxun span:where(.svelte-7ffxun){font-weight:600;font-size:.85rem;color:var(--text-main)}.dimension-hint.svelte-7ffxun{font-size:.85rem;color:var(--text-muted);text-align:center;padding:8px 12px;background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--border);display:flex;flex-direction:column;gap:4px}.btn.svelte-7ffxun{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-7ffxun{width:100%}.btn-sm.svelte-7ffxun{min-width:auto;padding:8px 16px;font-size:.9rem}.btn-primary.svelte-7ffxun{background:var(--primary);color:#fff}.btn-primary.svelte-7ffxun:hover:not(:disabled){background:var(--primary-hover, var(--primary));transform:translateY(-2px)}.btn-primary.svelte-7ffxun:disabled{opacity:.7;cursor:not-allowed}.btn-secondary.svelte-7ffxun{background:var(--surface-1);color:var(--text-main);border:1px solid var(--border)}.btn-secondary.svelte-7ffxun:hover{background:var(--surface-2, var(--surface-1));transform:translateY(-2px)}.btn-text.svelte-7ffxun{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-7ffxun:hover{text-decoration:underline}.processing-section.svelte-7ffxun{text-align:center;padding:40px 20px}.processing-icon.svelte-7ffxun{margin:0 auto 24px;width:80px;height:80px;display:flex;align-items:center;justify-content:center}.spinner.svelte-7ffxun{width:60px;height:60px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:svelte-7ffxun-spin 1s linear infinite}@keyframes svelte-7ffxun-spin{to{transform:rotate(360deg)}}.processing-section.svelte-7ffxun h3:where(.svelte-7ffxun){font-size:1.5rem;font-weight:700;margin-bottom:8px;color:var(--text-main)}.processing-text.svelte-7ffxun{font-size:1rem;color:var(--text-muted);margin-bottom:24px}.progress-bar.svelte-7ffxun{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-7ffxun{height:100%;background:linear-gradient(90deg,var(--primary),var(--primary-hover, var(--primary)));border-radius:9999px;transition:width .3s ease}.progress-text.svelte-7ffxun{font-size:.9rem;font-weight:600;color:var(--text-muted)}.results-section.svelte-7ffxun{width:100%}.results-header.svelte-7ffxun{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:12px}.header-actions.svelte-7ffxun{display:flex;gap:8px}.grid-result.svelte-7ffxun{display:grid;gap:12px}.grid-result-1x3.svelte-7ffxun,.grid-result-2x3.svelte-7ffxun,.grid-result-3x3.svelte-7ffxun{grid-template-columns:repeat(3,1fr)}.grid-piece.svelte-7ffxun{position:relative;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--border);transition:all .2s;background:var(--surface-1)}.grid-piece.svelte-7ffxun:hover{transform:scale(1.05);box-shadow:0 8px 16px #0003;z-index:1}.grid-piece.svelte-7ffxun img:where(.svelte-7ffxun){width:100%;height:auto;display:block}.piece-overlay.svelte-7ffxun{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:center;padding:12px}.grid-piece.svelte-7ffxun:hover .piece-overlay:where(.svelte-7ffxun){opacity:1}.download-btn.svelte-7ffxun{padding:8px 16px;background:var(--primary);color:#fff;border:none;border-radius:var(--radius-sm);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}.download-btn.svelte-7ffxun:hover{background:var(--primary-hover, var(--primary));transform:translateY(-2px)}@media(max-width:768px){.header.svelte-7ffxun{margin-bottom:1.75rem}h1.svelte-7ffxun{font-size:1.875rem}.subtitle.svelte-7ffxun{font-size:1rem}.workspace.svelte-7ffxun{min-height:320px}.split-layout.svelte-7ffxun{flex-direction:column;gap:24px}.config-panel.svelte-7ffxun{flex:none;width:100%}.drop-zone.svelte-7ffxun{padding:32px 24px}}@media(max-width:640px){.grid-result.svelte-7ffxun{gap:8px}.grid-result-1x3.svelte-7ffxun,.grid-result-2x3.svelte-7ffxun,.grid-result-3x3.svelte-7ffxun{grid-template-columns:repeat(3,1fr)}.btn.svelte-7ffxun{width:100%}.grid-option.svelte-7ffxun{padding:12px 6px;gap:6px}.grid-preview.svelte-7ffxun{transform:scale(.85)}}