@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";[data-unfold-root]{display:flex;flex-direction:column;gap:16px;font-family:inherit}[data-unfold-panes]{display:flex;gap:24px;align-items:stretch;min-height:200px}[data-unfold-root][data-orientation=vertical] [data-unfold-panes]{flex-direction:column}[data-unfold-root][data-show=both][data-orientation=horizontal] [data-unfold-pane=prose]{flex:var(--unfold-ratio, .5);min-width:0}[data-unfold-root][data-show=both][data-orientation=horizontal] [data-unfold-pane=code]{flex:calc(1 - var(--unfold-ratio, .5));min-width:0}[data-unfold-root][data-show=prose] [data-unfold-pane=prose],[data-unfold-root][data-show=code] [data-unfold-pane=code]{flex:1;width:100%}[data-unfold-pane=prose]{line-height:1.75;font-size:1.05rem;color:var(--unfold-prose-color, #e2e8f0);padding:4px 0}[data-unfold-pane=code]{background:var(--unfold-code-bg, #0d1117);border:1px solid var(--unfold-code-border, rgba(56, 189, 248, .15));border-radius:10px;overflow:hidden}[data-unfold-pane=code] pre{margin:0;padding:16px 20px;overflow-x:auto}[data-unfold-pane=code] code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,Liberation Mono,monospace;font-size:.875rem;line-height:1.6;color:var(--unfold-code-text, #c9d1d9)}[data-sentence=equal]{transition:border-color .6s ease,background-color .6s ease}[data-sentence=added]{border:1px solid var(--unfold-highlight, rgba(56, 189, 248, .5));border-radius:3px;padding:0 3px;background:var(--unfold-highlight-bg, rgba(56, 189, 248, .06));transition:border-color .3s ease,background-color .3s ease}[data-code-line=added],[data-code-line=changed]{display:block;border:1px solid var(--unfold-highlight, rgba(56, 189, 248, .5));border-radius:4px;padding:0 6px;margin:2px 0;background:var(--unfold-highlight-bg, rgba(56, 189, 248, .06));transition:border-color .3s ease,background-color .3s ease}[data-code-line=equal]{display:block;border:1px solid transparent;border-radius:4px;padding:0 6px;margin:2px 0;transition:border-color .6s ease,background-color .6s ease}[data-unfold-controls]{display:flex;gap:12px;align-items:center}[data-unfold-controls]>button{background:var(--unfold-btn-bg, rgba(255, 255, 255, .06));border:1px solid var(--unfold-btn-border, rgba(255, 255, 255, .12));color:var(--unfold-btn-text, #e2e8f0);padding:7px 18px;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:500;transition:background .15s ease,border-color .15s ease}[data-unfold-controls]>button:hover:not([aria-disabled=true]){background:var(--unfold-btn-hover-bg, rgba(255, 255, 255, .12));border-color:#fff3}[data-unfold-controls]>button[aria-disabled=true]{opacity:.3;cursor:not-allowed}[data-unfold-indicators]{display:flex;gap:6px;align-items:center}[data-unfold-dot]{width:8px;height:8px;border-radius:50%;background:var(--unfold-dot-bg, rgba(255, 255, 255, .15));border:none;cursor:pointer;padding:0;transition:background .2s ease,transform .2s ease}[data-unfold-dot]:hover{background:#ffffff4d}[data-unfold-dot][data-active=true]{background:var(--unfold-dot-active, #38bdf8);transform:scale(1.25)}[data-enter=true]{animation:unfold-enter .4s ease-out}@keyframes unfold-enter{0%{background-color:#38bdf826}to{background-color:transparent}}@media (prefers-reduced-motion: reduce){[data-enter=true]{animation:none}}[data-unfold-root]>[data-depth-level]:not([data-unfold-active]),[data-unfold-root]>pre[data-lang]:not([data-unfold-active]){display:none}:root{font-family:Inter,system-ui,sans-serif;background-color:#0f172a;color:#e2e8f0;margin:0;padding:0}body{margin:0;padding:0;min-height:100vh}#root{width:100%}.app-wrapper{max-width:960px;margin:48px auto;padding:0 24px}.main-title{text-align:center;font-size:2.2rem;font-weight:700;margin-bottom:4px;background:linear-gradient(135deg,#38bdf8,#818cf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{text-align:center;color:#64748b;font-size:1rem;margin-bottom:32px}.tab-controls{display:flex;justify-content:center;gap:12px;margin-bottom:32px}.tab-btn{background:#1e293b80;border:1px solid #334155;color:#94a3b8;padding:8px 20px;border-radius:9999px;cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s ease}.tab-btn:hover{border-color:#475569;color:#e2e8f0}.tab-btn.active{background:linear-gradient(135deg,#38bdf8,#6366f1);border-color:transparent;color:#fff;box-shadow:0 4px 12px #38bdf840}.demo-card{background:#0f172a99;border:1px solid #1e293b;border-radius:12px;padding:28px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.demo-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.demo-header h2{margin:0;font-size:1.4rem;font-weight:600;color:#f1f5f9}.demo-desc{color:#64748b;font-size:.9rem;line-height:1.5;margin-bottom:24px}.orientation-toggle{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:#94a3b8;padding:4px 12px;border-radius:6px;cursor:pointer;font-size:.75rem;font-weight:500;transition:all .15s ease}.orientation-toggle:hover{background:#ffffff1a;color:#e2e8f0}[data-unfold-pane=code] code{font-family:JetBrains Mono,ui-monospace,monospace}