.mode-tab.svelte-1ph8j9q{display:inline-flex;align-items:center;padding:.5rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;color:var(--color-text-secondary);transition:all .2s ease}.mode-tab.svelte-1ph8j9q:hover{border-color:var(--color-text-muted)}.mode-tab-active.svelte-1ph8j9q{border-color:var(--color-accent);background:var(--color-accent-glow);color:var(--color-accent);box-shadow:0 0 20px var(--color-accent-glow)}.mode-demo.svelte-1ph8j9q{border-bottom:1px solid var(--color-border-subtle)}.mode-mockup.svelte-1ph8j9q{border-radius:0;overflow:hidden}.mode-mockup-bar.svelte-1ph8j9q{display:flex;align-items:center;justify-content:space-between;padding:8px 14px;background:var(--color-surface-elevated);border-bottom:1px solid var(--color-border-subtle)}.dot-sm.svelte-1ph8j9q{width:8px;height:8px;border-radius:50%;background:var(--color-border)}.dot-close.svelte-1ph8j9q{background:#ef4444}.dot-min.svelte-1ph8j9q{background:#eab308}.dot-max.svelte-1ph8j9q{background:#22c55e}.mode-mockup-body.svelte-1ph8j9q{height:280px;overflow:hidden;padding:16px;font-family:var(--font-mono);font-size:.8125rem;line-height:1.7}.mode-mockup-status.svelte-1ph8j9q{display:flex;justify-content:space-between;padding:4px 14px;background:var(--color-surface-elevated);border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted)}.mode-status-active.svelte-1ph8j9q{color:var(--color-accent);font-weight:600}.live-body.svelte-1ph8j9q{font-family:var(--font-body);padding:20px 24px}.live-block.svelte-1ph8j9q{margin-bottom:12px}.live-h.svelte-1ph8j9q{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text);border-bottom:1px solid var(--color-border-subtle);padding-bottom:4px}.live-p.svelte-1ph8j9q{font-size:.875rem;color:var(--color-text-secondary);line-height:1.6}.live-p.svelte-1ph8j9q strong:where(.svelte-1ph8j9q){color:var(--color-text)}.live-link.svelte-1ph8j9q{color:#5b9bd5;text-decoration:underline;text-underline-offset:2px}.live-math.svelte-1ph8j9q{font-family:Times New Roman,serif;font-style:italic;color:var(--color-text);font-size:1rem}.live-code-block.svelte-1ph8j9q{border-radius:8px;background:var(--color-surface-elevated);border:1px solid var(--color-border-subtle);overflow:hidden}.live-code-label.svelte-1ph8j9q{padding:3px 10px;font-family:var(--font-mono);font-size:.625rem;color:var(--color-text-muted);border-bottom:1px solid var(--color-border-subtle)}.live-code.svelte-1ph8j9q{padding:8px 10px;font-family:var(--font-mono);font-size:.8125rem;color:var(--color-success);white-space:pre;margin:0}.live-checklist.svelte-1ph8j9q{display:flex;flex-direction:column;gap:4px}.live-check.svelte-1ph8j9q{display:flex;align-items:center;gap:8px;font-size:.875rem;color:var(--color-text-secondary)}.live-check.svelte-1ph8j9q input:where(.svelte-1ph8j9q){accent-color:var(--color-accent)}.edit-body.svelte-1ph8j9q{display:flex;padding:12px 0}.edit-lines.svelte-1ph8j9q{display:flex;flex-direction:column;padding:0 10px;text-align:right;-webkit-user-select:none;user-select:none;flex-shrink:0}.edit-ln.svelte-1ph8j9q{font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:var(--color-text-muted);opacity:.5}.edit-code.svelte-1ph8j9q{padding-right:12px}.edit-code.svelte-1ph8j9q div:where(.svelte-1ph8j9q){font-family:var(--font-mono);font-size:.8125rem;line-height:1.7;color:var(--color-text-secondary);white-space:nowrap}.edit-code.svelte-1ph8j9q .syn-h2{color:var(--color-accent);font-weight:600}.edit-code.svelte-1ph8j9q .syn-bold{color:var(--color-text);font-weight:600}.edit-code.svelte-1ph8j9q .syn-fence{color:var(--color-text-muted)}.edit-code.svelte-1ph8j9q .syn-code-ln{color:var(--color-success)}.edit-code.svelte-1ph8j9q .syn-math-src{color:#b48ead}.pv-h2-demo.svelte-1ph8j9q{font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:var(--color-text);margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--color-border-subtle)}.pv-p-demo.svelte-1ph8j9q{font-size:.875rem;color:var(--color-text-secondary);line-height:1.65;margin-bottom:10px}.pv-math-demo.svelte-1ph8j9q{font-family:Times New Roman,serif;font-style:italic;color:var(--color-text);font-size:1rem;margin-bottom:10px}.split-body.svelte-1ph8j9q{display:grid;grid-template-columns:1fr auto 1fr;padding:0}.split-left.svelte-1ph8j9q{display:flex;padding:12px 0;overflow:hidden}.split-divider.svelte-1ph8j9q{width:1px;background:var(--color-border-subtle)}.split-right.svelte-1ph8j9q{padding:16px;font-family:var(--font-body);overflow:hidden}.retrieve-key-link.svelte-1ph8j9q{background:none;border:none;cursor:pointer;font-size:.8125rem;color:var(--color-accent);transition:color .15s ease}.retrieve-key-link.svelte-1ph8j9q:hover{text-decoration:underline}.modal-overlay.svelte-1ph8j9q{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card.svelte-1ph8j9q{position:relative;width:100%;max-width:400px;margin:1rem;padding:2rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:16px}.modal-close.svelte-1ph8j9q{position:absolute;top:.75rem;right:1rem;background:none;border:none;color:var(--color-text-muted);font-size:1.5rem;cursor:pointer;line-height:1}.modal-close.svelte-1ph8j9q:hover{color:var(--color-text)}.modal-input.svelte-1ph8j9q{width:100%;padding:.625rem .875rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-family:var(--font-body);font-size:.875rem;outline:none}.modal-input.svelte-1ph8j9q:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-glow)}.text-error{color:var(--color-error)}