.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}.canvas-wrapper.svelte-svnayw{position:relative;box-shadow:var(--shadow-lg);border-radius:var(--radius-md);overflow:hidden;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}.canvas-info.svelte-svnayw{font-size:.75rem;color:var(--color-text-muted)}.zoom-info.svelte-svnayw{margin-left:.5rem}.editor.svelte-1f2b81a{display:grid;grid-template-columns:340px 1fr;gap:1.5rem;padding:1.5rem;height:calc(100vh - 120px);overflow:hidden}.sidebar.svelte-1f2b81a{display:flex;flex-direction:column;gap:1rem;overflow-y:auto;align-self:stretch;padding-right:.5rem}.panel.svelte-1f2b81a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-shrink:0}.panel-header.svelte-1f2b81a{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-weight:600;font-size:.875rem;display:flex;align-items:center;justify-content:space-between}.panel-body.svelte-1f2b81a{padding:1rem}.btn-sm.svelte-1f2b81a{padding:.25rem .75rem;font-size:.75rem}.image-info.svelte-1f2b81a{display:flex;align-items:center;gap:1rem}.thumbnail.svelte-1f2b81a{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--color-border)}.info-text.svelte-1f2b81a{font-size:.875rem;color:var(--color-text-muted)}.form-group.svelte-1f2b81a{margin-bottom:1rem}.form-group.svelte-1f2b81a:last-child{margin-bottom:0}.color-input-row.svelte-1f2b81a{display:flex;align-items:center;gap:.5rem}.color-text.svelte-1f2b81a{flex:1;font-family:monospace;text-transform:uppercase}.checkbox-inline.svelte-1f2b81a{display:flex;align-items:center;gap:.25rem;font-size:.75rem;text-transform:none;letter-spacing:normal;color:var(--color-text);white-space:nowrap;cursor:pointer}.checkbox-inline.svelte-1f2b81a input:where(.svelte-1f2b81a){width:auto}.transition-preview-wrapper.svelte-1f2b81a{display:flex;flex-direction:column;gap:.25rem}.transition-preview.svelte-1f2b81a{width:100%;height:24px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background-image:linear-gradient(45deg,#444 25%,transparent 25%),linear-gradient(-45deg,#444 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#444 75%),linear-gradient(-45deg,transparent 75%,#444 75%);background-size:10px 10px;background-position:0 0,0 5px,5px -5px,-5px 0px;background-color:#333}.transition-labels.svelte-1f2b81a{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted)}.channel-help.svelte-1f2b81a{font-size:.75rem;color:var(--color-text-muted);margin:0 0 1rem;line-height:1.6}.channel-grid.svelte-1f2b81a{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.channel-grid.svelte-1f2b81a .form-group:where(.svelte-1f2b81a){margin-bottom:0}.main-content.svelte-1f2b81a{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-1f2b81a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;color:var(--color-text-muted);height:100%;min-height:400px}@media(max-width:1024px){.editor.svelte-1f2b81a{grid-template-columns:1fr;height:auto;overflow:visible}.sidebar.svelte-1f2b81a{overflow:visible}}