.preview-panel.svelte-mdoxct{flex-direction:column;min-height:400px;max-height:70vh;display:flex}.preview-header.svelte-mdoxct{padding:var(--spacing-lg) var(--spacing-xl);background:var(--ui-bg);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;display:flex}.preview-label.svelte-mdoxct{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:600}.image-preview.svelte-mdoxct{background-color:var(--bg-secondary);background-image:linear-gradient(45deg, var(--bg-tertiary) 25%, transparent 25%), linear-gradient(-45deg, var(--bg-tertiary) 25%, transparent 25%), linear-gradient(45deg, transparent 75%, var(--bg-tertiary) 75%), linear-gradient(-45deg, transparent 75%, var(--bg-tertiary) 75%);padding:var(--spacing-xl);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;flex:1;justify-content:center;align-items:center;display:flex;overflow:auto}.source-image.svelte-mdoxct{max-width:100%;max-height:200px;image-rendering:pixelated;box-shadow:0 2px 8px var(--shadow)}.palette-display.svelte-mdoxct{gap:var(--spacing-sm);padding:var(--spacing-lg);background:var(--ui-bg);border-top:1px solid var(--border-color);flex-wrap:wrap;display:flex}.color-swatch.svelte-mdoxct{border:2px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;width:40px;height:40px;transition:all .15s;position:relative}.color-swatch.svelte-mdoxct:hover{z-index:1;border-color:var(--text-primary);transform:scale(1.1)}.color-hex.svelte-mdoxct{color:var(--text-tertiary);white-space:nowrap;opacity:0;font-size:9px;transition:opacity .15s;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.color-swatch.svelte-mdoxct:hover .color-hex:where(.svelte-mdoxct){opacity:1}.sort-options.svelte-mdoxct{gap:6px;display:flex}.sort-btn.svelte-mdoxct{padding:var(--spacing-md);color:var(--text-secondary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-sm);cursor:pointer;flex:1;font-size:12px;font-weight:500}.sort-btn.svelte-mdoxct:hover{background:var(--button-bg-hover)}.sort-btn.active.svelte-mdoxct{color:var(--text-on-accent);background:var(--accent-color);border-color:var(--accent-color)}.export-actions.svelte-mdoxct{gap:var(--spacing-md);margin-top:var(--spacing-2xl);padding-top:var(--spacing-2xl);border-top:1px solid var(--border-color);flex-direction:column;display:flex}.export-btn.svelte-mdoxct{justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg) var(--spacing-xl);color:var(--text-primary);background:var(--button-bg);border:1px solid var(--border-color);border-radius:var(--radius-md);cursor:pointer;font-size:13px;font-weight:600;transition:all .15s;display:flex}.export-btn.svelte-mdoxct:hover{background:var(--button-bg-hover);border-color:var(--accent-color)}.export-btn.svelte-mdoxct svg{width:16px;height:16px}