.container.svelte-19w9x3k.svelte-19w9x3k{padding:1rem;display:flex;flex-direction:column;gap:1rem}.image-grid.svelte-19w9x3k.svelte-19w9x3k{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;grid-template-areas:"input-header output-header" "input-slot output-slot";gap:1rem;max-height:calc(100vh - 300px);align-items:start;justify-items:center;overflow:hidden}.canvas-wrapper.svelte-19w9x3k.svelte-19w9x3k{position:relative;width:100%;aspect-ratio:1 / 1;max-width:100%;max-height:60vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#222}.input-canvas.svelte-19w9x3k.svelte-19w9x3k,.output-canvas.svelte-19w9x3k.svelte-19w9x3k{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;border:1px solid #888;background:transparent;display:block;box-sizing:border-box}.input-header.svelte-19w9x3k.svelte-19w9x3k{grid-area:input-header;min-height:2.6rem;width:100%}.input-slot.svelte-19w9x3k.svelte-19w9x3k{grid-area:input-slot}.output-panel.svelte-19w9x3k.svelte-19w9x3k{grid-area:output-slot;display:flex;flex-direction:column;gap:.6rem;width:100%}.output-header.svelte-19w9x3k.svelte-19w9x3k{grid-area:output-header;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.output-slot.svelte-19w9x3k.svelte-19w9x3k{width:100%}.output-canvas.hidden.svelte-19w9x3k.svelte-19w9x3k{display:none}.preview-host.svelte-19w9x3k.svelte-19w9x3k{position:absolute;inset:0}.preview-host.hidden.svelte-19w9x3k.svelte-19w9x3k{opacity:0;pointer-events:none}.color-picker-center-wrapper.svelte-19w9x3k.svelte-19w9x3k{display:flex;justify-content:center;width:100%;margin:.5rem 0 1.5rem}.target-tabs.svelte-19w9x3k.svelte-19w9x3k{display:inline-flex;gap:.5rem;align-self:center;background:#1d1d1d;border:1px solid #333;border-radius:999px;padding:.25rem}.target-tabs.svelte-19w9x3k button.svelte-19w9x3k{border-radius:999px;padding:.35rem 1rem;border:1px solid transparent;background:transparent}.target-tabs.svelte-19w9x3k button.active.svelte-19w9x3k{background:#3a3a3a;border-color:#5a5a5a}.color-picker-grid.svelte-19w9x3k.svelte-19w9x3k{display:grid;grid-template-columns:auto 1.5em auto;gap:1.5rem;align-items:center;justify-items:center;min-width:350px;max-width:500px;margin:0 auto}.swap-btn.svelte-19w9x3k.svelte-19w9x3k{background:#222;color:#e8e8e8;border:1px solid #888;border-radius:50%;width:1.5em;height:1.5em;display:flex;align-items:center;justify-content:center;font-size:1.2em;cursor:pointer;margin:0 auto;transition:background .2s}.swap-btn.svelte-19w9x3k.svelte-19w9x3k:hover{background:#444}.slider-grid.svelte-19w9x3k.svelte-19w9x3k{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.button-row.svelte-19w9x3k.svelte-19w9x3k{display:flex;flex-wrap:wrap;gap:1rem}.import-row.svelte-19w9x3k.svelte-19w9x3k{display:flex;flex-direction:column;gap:.75rem}.import-textarea.svelte-19w9x3k.svelte-19w9x3k{width:100%;min-height:110px;background:#1a1a1a;color:#e8e8e8;border:1px solid #444;padding:.6rem;resize:vertical;font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9rem}.import-buttons.svelte-19w9x3k.svelte-19w9x3k{display:flex;flex-wrap:wrap;gap:.75rem}.preview-controls.svelte-19w9x3k.svelte-19w9x3k{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.preview-toggle.svelte-19w9x3k.svelte-19w9x3k{display:flex;gap:.4rem;align-items:center;font-size:.95rem}.preview-status.svelte-19w9x3k.svelte-19w9x3k{font-size:.95rem;color:#c7c7c7}input[type=range].svelte-19w9x3k.svelte-19w9x3k{width:100%}button.svelte-19w9x3k.svelte-19w9x3k{background-color:#333;color:#e8e8e8;border:1px solid #888;padding:4px 8px;cursor:pointer}button.svelte-19w9x3k.svelte-19w9x3k:hover{background-color:#444}.message.svelte-19w9x3k.svelte-19w9x3k{margin-top:1rem;font-weight:700;font-size:1.1em;transition:opacity .2s}.message.success.svelte-19w9x3k.svelte-19w9x3k{color:#1fa31f}.message.error.svelte-19w9x3k.svelte-19w9x3k{color:#d32f2f}