.preview-grid.svelte-r8rul3{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1.5rem;align-items:start}.canvas-panel.svelte-r8rul3{display:flex;flex-direction:column;gap:1rem}.collage-canvas.svelte-r8rul3{width:100%;height:auto;border-radius:12px;border:1px solid rgba(148,163,184,.35);background:#0f172a}.preview-actions.svelte-r8rul3{display:flex;gap:.75rem;flex-wrap:wrap}.drop-zone.svelte-r8rul3{border:2px dashed #cbd5e1;border-radius:16px;padding:1.5rem;background:#f8fafc;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.drop-zone.has-images.svelte-r8rul3{border-color:#a5b4fc;background:#f8fafc}.drop-actions.svelte-r8rul3{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center}.bg-upload.svelte-r8rul3{display:grid;gap:.75rem;padding:.75rem;border-radius:12px;border:1px solid #e2e8f0;background:#f8fafc}.bg-upload.svelte-r8rul3 img:where(.svelte-r8rul3){width:100%;max-height:160px;object-fit:cover;border-radius:10px;border:1px solid #e2e8f0}.bg-upload-actions.svelte-r8rul3{display:flex;gap:.75rem;flex-wrap:wrap}.export-row.svelte-r8rul3{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem}.slider-group.svelte-r8rul3{display:flex;align-items:center;gap:.75rem}.slider-value.svelte-r8rul3{min-width:48px;text-align:right;font-weight:600;color:#334155}.section-header.svelte-r8rul3{display:flex;justify-content:space-between;align-items:center;gap:1rem}.loading-row.svelte-r8rul3{margin-top:1rem;display:flex;align-items:center;gap:.75rem;font-weight:600;color:#1f2937}.loading-spinner.svelte-r8rul3{width:18px;height:18px;border-radius:999px;border:2px solid #e2e8f0;border-top-color:#007acc;animation:svelte-r8rul3-spin .8s linear infinite}@keyframes svelte-r8rul3-spin{to{transform:rotate(360deg)}}.image-grid.svelte-r8rul3{margin-top:.75rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.image-item.svelte-r8rul3{position:relative;border-radius:12px;overflow:hidden;background:#0f172a;border:1px solid #e2e8f0;aspect-ratio:1 / 1}.image-item.svelte-r8rul3 img:where(.svelte-r8rul3){width:100%;height:100%;object-fit:cover;display:block}.image-number.svelte-r8rul3{position:absolute;bottom:.5rem;left:.5rem;background:#0f172ad9;color:#fff;padding:.2rem .5rem;border-radius:999px;font-size:.75rem;font-weight:600}.image-remove.svelte-r8rul3{position:absolute;top:.5rem;right:.5rem;width:28px;height:28px;border-radius:999px;border:none;background:#0f172ad9;color:#fff;font-size:.9rem;cursor:pointer;display:grid;place-items:center}.image-remove.svelte-r8rul3:hover{background:#ef4444e6}.layout-mode-selector.svelte-r8rul3{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.layout-btn.svelte-r8rul3{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:1rem;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;transition:all .2s}.layout-btn.svelte-r8rul3:hover{border-color:#007acc}.layout-btn.active.svelte-r8rul3{border-color:#007acc;background:#f0f7ff}.layout-icon.svelte-r8rul3{font-size:1.75rem}.layout-name.svelte-r8rul3{font-weight:600;color:#2d3748}.layout-desc.svelte-r8rul3{font-size:.8rem;color:#718096;text-align:center}.color-picker-section.svelte-r8rul3,.gradient-picker-section.svelte-r8rul3{display:flex;flex-direction:column;gap:1rem;grid-column:1 / -1}.color-preview-large.svelte-r8rul3{width:100%;height:120px;border-radius:8px;border:1px solid #e2e8f0}.color-controls.svelte-r8rul3,.gradient-controls.svelte-r8rul3{display:flex;flex-direction:column;gap:.75rem}.color-input-row.svelte-r8rul3{display:flex;align-items:center;gap:.75rem}.color-input-row.svelte-r8rul3 span:where(.svelte-r8rul3){min-width:60px;font-weight:500;color:#4a5568}.color-input-row.svelte-r8rul3 input[type=color]:where(.svelte-r8rul3){width:40px;height:40px;border:none;border-radius:8px;cursor:pointer;padding:0;background:none}.color-input-row.svelte-r8rul3 input[type=color]:where(.svelte-r8rul3)::-webkit-color-swatch-wrapper{padding:0}.color-input-row.svelte-r8rul3 input[type=color]:where(.svelte-r8rul3)::-webkit-color-swatch{border:1px solid #e2e8f0;border-radius:6px}.color-hex-input.svelte-r8rul3{width:90px;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;font-family:monospace;font-size:.9rem}.setting-row.svelte-r8rul3{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;grid-column:1 / -1}.mt-2.svelte-r8rul3{margin-top:1.5rem}.alert.svelte-r8rul3{margin-top:1rem;padding:.75rem 1rem;border-radius:10px;font-size:.95rem}.alert-warning.svelte-r8rul3{background:#fbbf2433;color:#92400e}.alert-error.svelte-r8rul3{background:#f8717133;color:#991b1b}.text-warning.svelte-r8rul3{color:#b45309;font-weight:600}.text-success.svelte-r8rul3{color:#15803d;font-weight:600}.progress-row.svelte-r8rul3{display:flex;align-items:center;gap:.75rem}.progress-track.svelte-r8rul3{flex:1;height:8px;border-radius:999px;background:#e2e8f0;overflow:hidden}.progress-fill.svelte-r8rul3{height:100%;background:linear-gradient(90deg,#38bdf8,#6366f1);border-radius:999px;transition:width .2s ease}.progress-text.svelte-r8rul3{min-width:44px;text-align:right;font-weight:600;color:#475569}.preview-info.svelte-r8rul3 ul:where(.svelte-r8rul3){padding-left:1.2rem;margin:0;color:#475569}.switch.svelte-r8rul3{display:flex;gap:.5rem;align-items:center;font-weight:600}@media(max-width:900px){.preview-grid.svelte-r8rul3,.setting-row.svelte-r8rul3{grid-template-columns:1fr}}