.uploader.svelte-ilfl9z{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;transition:all .2s ease;background:var(--color-surface)}.uploader.svelte-ilfl9z:hover,.uploader.drag-active.svelte-ilfl9z{border-color:var(--color-primary);background:#6366f10d}.upload-label.svelte-ilfl9z{display:flex;flex-direction:column;align-items:center;gap:.75rem;cursor:pointer;text-transform:none;letter-spacing:normal;font-size:1rem;margin-bottom:0}.upload-icon.svelte-ilfl9z{color:var(--color-text-muted)}.upload-text.svelte-ilfl9z{font-weight:500}.upload-hint.svelte-ilfl9z{font-size:.875rem;color:var(--color-text-muted)}.error.svelte-ilfl9z{margin-top:1rem;color:var(--color-error);font-size:.875rem}.preview-container.svelte-svnayw{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;height:100%;padding:1rem}.viewport.svelte-svnayw{flex:1;width:100%;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;user-select:none}.canvas-wrapper.svelte-svnayw{position:relative;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;pointer-events:none;background-image:linear-gradient(45deg,#ccc 25%,transparent 25%),linear-gradient(-45deg,#ccc 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#ccc 75%),linear-gradient(-45deg,transparent 75%,#ccc 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0px;background-color:#fff}.preview-canvas.svelte-svnayw{display:block}.preview-canvas.has-overlay.svelte-svnayw{opacity:.5;mix-blend-mode:multiply}.original-overlay.svelte-svnayw{position:absolute;top:0;left:0;opacity:.5;pointer-events:none}.controls.svelte-svnayw{display:flex;flex-direction:column;align-items:center;gap:.5rem;width:100%}.zoom-controls.svelte-svnayw{display:flex;align-items:center;gap:.5rem}.zoom-btn.svelte-svnayw,.reset-btn.svelte-svnayw{padding:.25rem .75rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;line-height:1;color:var(--color-text);transition:background .2s}.zoom-btn.svelte-svnayw:hover,.reset-btn.svelte-svnayw:hover{background:var(--color-border)}.zoom-slider.svelte-svnayw{width:150px}.canvas-info.svelte-svnayw{font-size:.75rem;color:var(--color-text-muted)}.zoom-info.svelte-svnayw{margin-left:.5rem}.palette-picker.svelte-1ddp9wk{display:flex;flex-direction:column;gap:.75rem}.palette-header.svelte-1ddp9wk{display:flex;flex-direction:column;gap:.25rem}.palette-header.svelte-1ddp9wk label:where(.svelte-1ddp9wk){font-size:.875rem;font-weight:500}.palette-grid.svelte-1ddp9wk{display:grid;grid-template-columns:repeat(auto-fill,minmax(32px,1fr));gap:.375rem;max-height:200px;overflow-y:auto;padding:.25rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface)}.color-swatch.svelte-1ddp9wk{width:32px;height:32px;border:2px solid var(--color-border);border-radius:var(--radius-sm);padding:0}.sr-only.svelte-1ddp9wk{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.palette-license.svelte-1ddp9wk{font-size:.65rem;color:var(--color-text-muted);margin:0;line-height:1.4}.editor.svelte-mophhg{display:grid;grid-template-columns:360px 1fr;gap:1rem;padding:1rem;height:calc(100vh - 180px)}.sidebar.svelte-mophhg{display:flex;flex-direction:column;gap:1rem;overflow:auto}.main-content.svelte-mophhg{position:relative;display:flex;align-items:flex-start;justify-content:center;padding:1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:auto}.empty-preview.svelte-mophhg{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted);height:100%;min-height:400px}.layer-item.svelte-mophhg{border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:.75rem}.layer-header.svelte-mophhg{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;border-bottom:1px solid var(--color-border)}.layer-actions.svelte-mophhg{display:flex;gap:.5rem}.layer-grid.svelte-mophhg{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;padding:.75rem}.color-row.svelte-mophhg{display:flex;align-items:center;gap:.5rem}.color-text.svelte-mophhg{flex:1;font-family:monospace;text-transform:uppercase}.channel-help.svelte-mophhg{font-size:.75rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6}.channel-grid.svelte-mophhg{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}@media(max-width:1024px){.editor.svelte-mophhg{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar.svelte-mophhg{overflow:visible}}.status-bar.svelte-mophhg{display:flex;align-items:center;gap:.75rem;padding:.5rem 1rem;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.status-bar.svelte-mophhg .spacer:where(.svelte-mophhg){flex:1}.status-bar.svelte-mophhg .dim-info:where(.svelte-mophhg){font-variant-numeric:tabular-nums}.status-bar.svelte-mophhg .spinner:where(.svelte-mophhg){width:10px;height:10px;border:2px solid var(--color-border);border-top-color:var(--color-text-muted);border-radius:50%;animation:svelte-mophhg-spin 1s linear infinite}@keyframes svelte-mophhg-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}