.dropzone.svelte-a7ai65{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:2.75rem 1.5rem;border:1.5px dashed var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-soft);color:var(--color-text-dark);cursor:pointer;transition:border-color .25s,background .25s,transform .25s}.dropzone.svelte-a7ai65:hover{border-color:var(--color-accent);background:var(--color-surface-muted)}.dropzone.dragging.svelte-a7ai65{border-color:var(--color-accent);border-style:solid;background:var(--color-accent-glow);transform:scale(1.01)}.dropzone.compact.svelte-a7ai65{padding:1.5rem 1.25rem;gap:.25rem}.dropzone.disabled.svelte-a7ai65{cursor:not-allowed;opacity:.5}.dropzone.disabled.svelte-a7ai65:hover{border-color:var(--color-border-light);background:var(--color-surface-soft)}.dropzone-icon.svelte-a7ai65{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;color:var(--color-accent)}.dropzone.compact.svelte-a7ai65 .dropzone-icon:where(.svelte-a7ai65){width:1.75rem;height:1.75rem}.dropzone-icon.svelte-a7ai65 svg:where(.svelte-a7ai65){width:100%;height:100%}.dropzone-label.svelte-a7ai65{font-family:var(--font-display);font-weight:600;font-size:1.0625rem}.dropzone.compact.svelte-a7ai65 .dropzone-label:where(.svelte-a7ai65){font-size:.9375rem}.dropzone-hint.svelte-a7ai65{font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-muted)}.sr-only.svelte-a7ai65{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.row.svelte-1czlqu3{display:grid;grid-template-columns:auto 1fr auto 1fr;align-items:center;gap:.75rem;padding:.75rem .875rem;border:1px solid var(--color-border-light);border-radius:var(--radius);background:var(--color-surface)}.row-index.svelte-1czlqu3{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-dark-muted)}.swatch-group.svelte-1czlqu3{display:flex;align-items:center;gap:.625rem;min-width:0}.swatch.svelte-1czlqu3{flex-shrink:0;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);border:1px solid var(--color-border-light);box-shadow:inset 0 0 0 1px #ffffff59}.swatch.picker.svelte-1czlqu3{position:relative;cursor:pointer;padding:0;overflow:hidden}.swatch.picker.svelte-1czlqu3 input[type=color]:where(.svelte-1czlqu3){position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;border:none;padding:0}.swatch-meta.svelte-1czlqu3{display:flex;flex-direction:column;gap:.125rem;min-width:0}.swatch-role.svelte-1czlqu3{font-family:var(--font-mono);font-size:.625rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-muted)}.swatch-hex.svelte-1czlqu3{font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-dark)}.hex-input.svelte-1czlqu3{width:100%;max-width:7.5rem;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-text-dark);background:transparent;border:none;border-bottom:1px solid var(--color-border-light);padding:.0625rem 0;border-radius:0}.hex-input.svelte-1czlqu3:focus{outline:none;border-bottom-color:var(--color-accent)}.arrow.svelte-1czlqu3{font-family:var(--font-mono);color:var(--color-text-dark-muted);text-align:center}.sr-only.svelte-1czlqu3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(max-width:480px){.row.svelte-1czlqu3{grid-template-columns:auto 1fr;gap:.5rem .75rem}.arrow.svelte-1czlqu3{display:none}}.pane.svelte-xts27w{margin:0;display:flex;flex-direction:column;border-radius:var(--radius-lg);overflow:hidden;border:1px solid transparent}.pane.light.svelte-xts27w{background:var(--color-surface);border-color:var(--color-border-light)}.pane.dark.svelte-xts27w{background:var(--color-void);border-color:var(--color-border-dark)}.pane-label.svelte-xts27w{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em}.pane.light.svelte-xts27w .pane-label:where(.svelte-xts27w){color:var(--color-text-dark-muted);border-bottom:1px solid var(--color-border-light)}.pane.dark.svelte-xts27w .pane-label:where(.svelte-xts27w){color:var(--color-text-light-muted);border-bottom:1px solid var(--color-border-dark)}.dot.svelte-xts27w{width:.5rem;height:.5rem;border-radius:9999px;background:var(--color-accent)}.pane-stage.svelte-xts27w{display:flex;align-items:center;justify-content:center;min-height:13rem}.pane-frame.svelte-xts27w{width:100%;height:13rem;border:0;display:block;background:transparent;color-scheme:light}.pane-empty.svelte-xts27w{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em}.pane.light.svelte-xts27w .pane-empty:where(.svelte-xts27w){color:var(--color-text-dark-muted)}.pane.dark.svelte-xts27w .pane-empty:where(.svelte-xts27w){color:var(--color-text-light-muted)}.error-text.svelte-1ln07b6{font-family:var(--font-sans);font-size:.9375rem;color:var(--color-accent-hover);min-height:1.25rem;margin:0}.error-text.svelte-1ln07b6:empty{display:none}.link-reset.svelte-1ln07b6{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--color-text-dark-muted);background:none;border:none;cursor:pointer;padding:0;flex-shrink:0;transition:color .2s}.link-reset.svelte-1ln07b6:hover{color:var(--color-accent)}.output-code.svelte-1ln07b6{width:100%;font-family:var(--font-mono);font-size:.75rem;line-height:1.6;color:var(--color-text-light);background:var(--color-void);border:1px solid var(--color-border-dark);border-radius:var(--radius);padding:1rem;resize:vertical;white-space:pre;overflow:auto}.output-code.svelte-1ln07b6:focus{outline:2px solid var(--color-accent);outline-offset:2px}.preview-empty.svelte-1ln07b6{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;text-align:center;padding:3.5rem 2rem;border:1.5px dashed var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-surface-soft)}.preview-empty-icon.svelte-1ln07b6{width:2.75rem;height:2.75rem;color:var(--color-text-dark-muted);opacity:.6}.preview-empty-icon.svelte-1ln07b6 svg:where(.svelte-1ln07b6){width:100%;height:100%}.notion-card.svelte-1ln07b6{border:1px solid var(--color-border-light);border-left:3px solid var(--color-highlight);border-radius:var(--radius);background:var(--color-surface-soft);padding:1.25rem 1.5rem}.notion-tag.svelte-1ln07b6{display:inline-block;font-family:var(--font-mono);font-size:.6875rem;text-transform:uppercase;letter-spacing:.14em;color:var(--color-text-dark);background:var(--color-highlight);padding:.2rem .6rem;border-radius:var(--radius-sm)}.notion-card.svelte-1ln07b6 code:where(.svelte-1ln07b6){font-family:var(--font-mono);font-size:.85em;background:var(--color-surface-muted);padding:.05rem .3rem;border-radius:4px}