.container.svelte-1kpl6.svelte-1kpl6{padding:1rem;display:flex;flex-direction:column;gap:1rem}.image-grid.svelte-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6,.output-canvas.svelte-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6{grid-area:input-header;min-height:2.6rem;width:100%}.input-slot.svelte-1kpl6.svelte-1kpl6{grid-area:input-slot}.output-panel.svelte-1kpl6.svelte-1kpl6{grid-area:output-slot;display:flex;flex-direction:column;gap:.6rem;width:100%}.output-header.svelte-1kpl6.svelte-1kpl6{grid-area:output-header;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.75rem;align-items:center}.output-slot.svelte-1kpl6.svelte-1kpl6{width:100%}.output-canvas.hidden.svelte-1kpl6.svelte-1kpl6{display:none}.preview-host.svelte-1kpl6.svelte-1kpl6{position:absolute;inset:0}.preview-host.hidden.svelte-1kpl6.svelte-1kpl6{opacity:0;pointer-events:none}.color-space-toggles.svelte-1kpl6.svelte-1kpl6{display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:center}.color-space-toggle.svelte-1kpl6.svelte-1kpl6{display:flex;gap:.5rem;align-items:center;font-size:.95rem}.color-space-toggle.svelte-1kpl6 select.svelte-1kpl6{background:#222;color:#e8e8e8;border:1px solid #666;padding:.25rem .5rem}.color-picker-center-wrapper.svelte-1kpl6.svelte-1kpl6{display:flex;justify-content:center;width:100%;margin:.5rem 0 1.5rem}.target-tabs.svelte-1kpl6.svelte-1kpl6{display:inline-flex;gap:.5rem;align-self:center;background:#1d1d1d;border:1px solid #333;border-radius:999px;padding:.25rem}.target-tabs.svelte-1kpl6 button.svelte-1kpl6{border-radius:999px;padding:.35rem 1rem;border:1px solid transparent;background:transparent}.target-tabs.svelte-1kpl6 button.active.svelte-1kpl6{background:#3a3a3a;border-color:#5a5a5a}.color-picker-grid.svelte-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6:hover{background:#444}.slider-grid.svelte-1kpl6.svelte-1kpl6{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.button-row.svelte-1kpl6.svelte-1kpl6{display:flex;flex-wrap:wrap;gap:1rem}.import-row.svelte-1kpl6.svelte-1kpl6{display:flex;flex-direction:column;gap:.75rem}.import-textarea.svelte-1kpl6.svelte-1kpl6{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-1kpl6.svelte-1kpl6{display:flex;flex-wrap:wrap;gap:.75rem}.preview-controls.svelte-1kpl6.svelte-1kpl6{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.preview-toggle.svelte-1kpl6.svelte-1kpl6{display:flex;gap:.4rem;align-items:center;font-size:.95rem}.preview-status.svelte-1kpl6.svelte-1kpl6{font-size:.95rem;color:#c7c7c7}input[type=range].svelte-1kpl6.svelte-1kpl6{width:100%}button.svelte-1kpl6.svelte-1kpl6{background-color:#333;color:#e8e8e8;border:1px solid #888;padding:4px 8px;cursor:pointer}button.svelte-1kpl6.svelte-1kpl6:hover{background-color:#444}.message.svelte-1kpl6.svelte-1kpl6{margin-top:1rem;font-weight:700;font-size:1.1em;transition:opacity .2s}.message.success.svelte-1kpl6.svelte-1kpl6{color:#1fa31f}.message.error.svelte-1kpl6.svelte-1kpl6{color:#d32f2f}