.mockup.svelte-1m56rkp{width:100%;max-width:900px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-surface);overflow:hidden;box-shadow:0 4px 60px #00000080,0 0 80px var(--color-accent-glow);animation:float 6s ease-in-out infinite}.mockup-compact.svelte-1m56rkp{max-width:720px}.mockup-titlebar.svelte-1m56rkp{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle)}.mockup-dots.svelte-1m56rkp{display:flex;gap:6px}.dot.svelte-1m56rkp{width:10px;height:10px;border-radius:50%;background:var(--color-border)}.dot-close.svelte-1m56rkp{background:#ef4444}.dot-min.svelte-1m56rkp{background:#eab308}.dot-max.svelte-1m56rkp{background:#22c55e}.mockup-title.svelte-1m56rkp{font-family:var(--font-mono);font-size:.6875rem;color:var(--color-text-muted);letter-spacing:.02em}.mockup-body.svelte-1m56rkp{display:grid;grid-template-columns:160px 1fr auto 1fr;min-height:260px}.mockup-sidebar.svelte-1m56rkp{padding:12px 0;border-right:1px solid var(--color-border-subtle);background:#00000026}.sidebar-section.svelte-1m56rkp{margin-bottom:4px}.sidebar-folder.svelte-1m56rkp{display:block;padding:3px 14px;font-family:var(--font-mono);font-size:.6875rem;font-weight:600;color:var(--color-text-secondary);letter-spacing:.01em}.sidebar-folder.svelte-1m56rkp:before{content:"▸";color:var(--color-text-muted)}.sidebar-files.svelte-1m56rkp{padding-left:10px}.sidebar-file.svelte-1m56rkp{display:block;padding:2px 14px;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted);cursor:default}.sidebar-file.active.svelte-1m56rkp{color:var(--color-accent);background:var(--color-accent-glow)}.mockup-editor.svelte-1m56rkp{display:flex;padding:12px 0;overflow:hidden}.editor-lines.svelte-1m56rkp{display:flex;flex-direction:column;padding:0 10px;text-align:right;-webkit-user-select:none;user-select:none}.ln.svelte-1m56rkp{font-family:var(--font-mono);font-size:.6875rem;line-height:1.65;color:var(--color-text-muted);opacity:.5}.editor-code.svelte-1m56rkp{padding-right:12px}.editor-code.svelte-1m56rkp div:where(.svelte-1m56rkp){font-family:var(--font-mono);font-size:.6875rem;line-height:1.65;color:var(--color-text-secondary);white-space:nowrap}.syn-h1.svelte-1m56rkp{color:var(--color-accent);font-weight:700}.syn-h2.svelte-1m56rkp{color:var(--color-accent);font-weight:600}.syn-bold.svelte-1m56rkp{color:var(--color-text);font-weight:600}.syn-italic.svelte-1m56rkp{color:var(--color-text);font-style:italic}.syn-li.svelte-1m56rkp{color:var(--color-accent-muted)}.cursor.svelte-1m56rkp{color:var(--color-accent);animation:cursor-blink 1s step-end infinite}.mockup-divider.svelte-1m56rkp{width:1px;background:var(--color-border-subtle)}.mockup-preview.svelte-1m56rkp{padding:12px 20px;overflow:hidden}.preview-h1.svelte-1m56rkp{font-family:var(--font-display);font-size:.9375rem;font-weight:700;color:var(--color-text);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border-subtle)}.preview-h2.svelte-1m56rkp{font-family:var(--font-display);font-size:.8125rem;font-weight:600;color:var(--color-text);margin-top:10px;margin-bottom:6px}.preview-p.svelte-1m56rkp{font-size:.6875rem;line-height:1.6;color:var(--color-text-secondary);margin-bottom:4px}.preview-p.svelte-1m56rkp strong:where(.svelte-1m56rkp){color:var(--color-text);font-weight:600}.preview-p.svelte-1m56rkp em:where(.svelte-1m56rkp){font-style:italic}.preview-ul.svelte-1m56rkp{padding-left:16px;list-style:disc}.preview-ul.svelte-1m56rkp li:where(.svelte-1m56rkp){font-size:.6875rem;line-height:1.6;color:var(--color-text-secondary)}.mockup-statusbar.svelte-1m56rkp{display:flex;justify-content:space-between;padding:4px 16px;border-top:1px solid var(--color-border-subtle);background:var(--color-surface-elevated);font-family:var(--font-mono);font-size:.5625rem;color:var(--color-text-muted)}.stats-grid.svelte-1sw978g{display:flex;align-items:center;justify-content:center;gap:2rem;padding:1.5rem 0;border-top:1px solid var(--color-border-subtle);border-bottom:1px solid var(--color-border-subtle)}.stats-divider.svelte-1sw978g{width:1px;height:32px;background:var(--color-border)}.stat.svelte-1sw978g{display:flex;flex-direction:column;align-items:center;gap:.25rem}.stat-value.svelte-1sw978g{font-family:var(--font-display);font-size:1.375rem;font-weight:700;color:var(--color-accent);letter-spacing:-.02em}.stat-label.svelte-1sw978g{font-size:.75rem;color:var(--color-text-muted);letter-spacing:.02em}