.preview.svelte-1zt11o{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:var(--space-3)}.code-preview.svelte-1zt11o{width:100%;max-width:160px}.code-window.svelte-1zt11o{background:var(--surface-base);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.window-header.svelte-1zt11o{display:flex;align-items:center;gap:4px;padding:6px 8px;background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle)}.dot.svelte-1zt11o{width:8px;height:8px;border-radius:50%}.dot.red.svelte-1zt11o{background:var(--accent-rose)}.dot.yellow.svelte-1zt11o{background:var(--accent-gold)}.dot.green.svelte-1zt11o{background:var(--accent-mint)}.filename.svelte-1zt11o{margin-left:auto;font-size:9px;font-family:var(--font-mono);color:var(--text-tertiary)}.code-lines.svelte-1zt11o{padding:8px;font-family:var(--font-mono);font-size:10px;line-height:1.5}.line.svelte-1zt11o{white-space:nowrap}.line.indent.svelte-1zt11o{padding-left:12px}.keyword.svelte-1zt11o{color:var(--accent-lavender)}.method.svelte-1zt11o{color:var(--accent-gold)}.builtin.svelte-1zt11o{color:var(--accent-mint)}.string.svelte-1zt11o{color:var(--accent-peach)}.number.svelte-1zt11o{color:var(--accent-sky)}.cursor.svelte-1zt11o{animation:svelte-1zt11o-blink 1s infinite;color:var(--accent-primary)}@keyframes svelte-1zt11o-blink{0%,50%{opacity:1}51%,to{opacity:0}}.tree-preview.svelte-1zt11o{display:flex;flex-direction:column;gap:2px;font-size:11px;font-family:var(--font-mono)}.tree-node.svelte-1zt11o{display:flex;align-items:center;gap:6px;padding:4px 8px;color:var(--text-secondary)}.tree-node.root.svelte-1zt11o{color:var(--accent-primary);font-weight:600}.tree-node.child.svelte-1zt11o{padding-left:16px}.branch.svelte-1zt11o{color:var(--text-tertiary);font-size:10px}.keys-preview.svelte-1zt11o{display:flex;flex-direction:column;align-items:center;gap:4px}.key-row.svelte-1zt11o{display:flex;gap:4px}.key.svelte-1zt11o{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--text-secondary);transition:all .15s ease}.key.active.svelte-1zt11o{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(2px);box-shadow:0 0 12px #e2a63b80}.key.small.svelte-1zt11o{width:auto;padding:0 8px;height:22px;font-size:9px}.explorer-preview.svelte-1zt11o{display:flex;flex-direction:column;gap:2px;font-size:11px;width:100%;max-width:140px}.explorer-row.svelte-1zt11o{display:flex;align-items:center;gap:6px;padding:4px 8px;color:var(--text-secondary);border-radius:var(--radius-sm)}.explorer-row.parent.svelte-1zt11o{color:var(--text-primary)}.explorer-row.highlight.svelte-1zt11o{background:var(--accent-primary-muted);color:var(--accent-primary)}.toggle.svelte-1zt11o{font-size:8px;color:var(--text-tertiary)}.compare-preview.svelte-1zt11o{display:flex;align-items:center;gap:var(--space-2)}.compare-side.svelte-1zt11o{display:flex;flex-direction:column;align-items:center;gap:4px}.compare-side.svelte-1zt11o .label:where(.svelte-1zt11o){font-size:9px;font-weight:600;padding:2px 6px;border-radius:var(--radius-sm)}.compare-side.source.svelte-1zt11o .label:where(.svelte-1zt11o){background:#64647833;color:var(--text-secondary)}.compare-side.target.svelte-1zt11o .label:where(.svelte-1zt11o){background:var(--accent-primary-muted);color:var(--accent-primary)}.compare-side.svelte-1zt11o code:where(.svelte-1zt11o){font-size:10px;font-family:var(--font-mono);color:var(--text-secondary)}.compare-arrow.svelte-1zt11o{color:var(--text-tertiary)}.match-preview.svelte-1zt11o{display:flex;align-items:center;gap:var(--space-3)}.match-term.svelte-1zt11o{padding:6px 10px;background:var(--surface-raised);border-radius:var(--radius-md);font-size:11px;font-weight:500}.match-term.source.svelte-1zt11o{border:1px solid var(--border-subtle);color:var(--text-secondary)}.match-term.target.svelte-1zt11o{border:1px solid var(--accent-primary);color:var(--accent-primary)}.match-arrow.svelte-1zt11o{color:var(--text-tertiary)}.transition-preview.svelte-1zt11o{display:flex;align-items:center;gap:var(--space-3)}.engine-logo.svelte-1zt11o{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--surface-raised);border-radius:var(--radius-md)}.engine-logo.from.svelte-1zt11o{opacity:.5}.engine-logo.to.svelte-1zt11o{border:1px solid var(--accent-primary);color:var(--accent-primary)}.logo-text.svelte-1zt11o{font-size:11px;font-weight:600}.transition-arrow.svelte-1zt11o{color:var(--accent-primary)}.input-flow-preview.svelte-1zt11o{display:flex;align-items:center;gap:6px;font-size:10px}.input-step.svelte-1zt11o{padding:4px 8px;background:var(--surface-raised);border-radius:var(--radius-sm)}.input-step.svelte-1zt11o .action:where(.svelte-1zt11o){color:var(--accent-primary-hover);font-family:var(--font-mono)}.input-step.svelte-1zt11o code:where(.svelte-1zt11o){font-family:var(--font-mono);color:var(--accent-primary)}.input-flow-preview.svelte-1zt11o .icon{color:var(--text-tertiary)}.physics-preview.svelte-1zt11o{position:relative;width:80px;height:70px}.physics-ball.svelte-1zt11o{position:absolute;top:0;left:50%;transform:translate(-50%);width:16px;height:16px;background:var(--accent-primary);border-radius:50%;animation:svelte-1zt11o-bounce 1s infinite ease-in-out}.physics-ground.svelte-1zt11o{position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--border-subtle)}@keyframes svelte-1zt11o-bounce{0%,to{top:0}50%{top:45px}}.snippet-preview.svelte-1zt11o{display:flex;flex-direction:column;gap:2px;font-family:var(--font-mono);font-size:10px;padding:8px;background:var(--surface-base);border-radius:var(--radius-md);border:1px solid var(--border-subtle)}.snippet-line.svelte-1zt11o{color:var(--text-secondary)}.pattern-preview.svelte-1zt11o{display:flex;align-items:center;gap:var(--space-3)}.pattern-icon.svelte-1zt11o{color:var(--accent-primary)}.pattern-lines.svelte-1zt11o{display:flex;flex-direction:column;gap:4px}.pattern-lines.svelte-1zt11o span:where(.svelte-1zt11o){width:40px;height:4px;background:var(--surface-overlay);border-radius:2px}.pattern-lines.svelte-1zt11o span:where(.svelte-1zt11o):nth-child(2){width:32px}.pattern-lines.svelte-1zt11o span:where(.svelte-1zt11o):nth-child(3){width:24px}.editor-preview.svelte-1zt11o{display:flex;gap:4px;width:100%;max-width:140px;height:50px}.editor-panel.svelte-1zt11o{background:var(--surface-raised);border-radius:var(--radius-sm);border:1px solid var(--border-subtle)}.editor-panel.left.svelte-1zt11o{flex:.3}.editor-panel.center.svelte-1zt11o{flex:.5}.editor-panel.right.svelte-1zt11o{flex:.2}.asset-preview.svelte-1zt11o{display:flex;gap:var(--space-3)}.asset-icon.svelte-1zt11o{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--surface-raised);border-radius:var(--radius-md);color:var(--text-secondary);transition:all .2s ease}.preview.svelte-1zt11o:hover .asset-icon:where(.svelte-1zt11o):nth-child(1){color:var(--accent-primary)}.preview.svelte-1zt11o:hover .asset-icon:where(.svelte-1zt11o):nth-child(2){color:var(--accent-primary-hover)}.preview.svelte-1zt11o:hover .asset-icon:where(.svelte-1zt11o):nth-child(3){color:#6eb3e0}.save-preview.svelte-1zt11o{width:100%;max-width:140px}.save-file.svelte-1zt11o{background:var(--surface-base);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-subtle)}.file-header.svelte-1zt11o{display:flex;align-items:center;gap:6px;padding:6px 8px;background:var(--surface-overlay);border-bottom:1px solid var(--border-subtle);font-size:9px;font-family:var(--font-mono);color:var(--accent-primary)}.file-content.svelte-1zt11o{padding:6px 8px;font-family:var(--font-mono);font-size:9px;line-height:1.4;color:var(--text-secondary)}.json-key.svelte-1zt11o{color:var(--accent-lavender)}.json-value.svelte-1zt11o{color:var(--accent-sky)}.json-indent.svelte-1zt11o{display:block;padding-left:12px}.default-preview.svelte-1zt11o{position:relative;color:var(--text-secondary);transition:color .2s ease}.icon-glow.svelte-1zt11o{position:absolute;inset:-20px;border-radius:50%;background:radial-gradient(rgba(226,166,59,.4),transparent 70%);opacity:0;transition:opacity .2s ease}.preview.svelte-1zt11o:hover .icon-glow:where(.svelte-1zt11o){opacity:.6}.preview.svelte-1zt11o:hover .default-preview:where(.svelte-1zt11o){color:var(--accent-primary)}