@font-face{font-family:Geist;src:url(https://assets.vercel.com/raw/upload/v1710191091/geist/Geist/Geist-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(https://assets.vercel.com/raw/upload/v1710191091/geist/Geist/Geist-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(https://assets.vercel.com/raw/upload/v1710191091/geist/Geist/Geist-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(https://assets.vercel.com/raw/upload/v1710191091/geist/Geist/Geist-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--font-mono: "Geist Mono", "SF Mono", "Fira Code", "Cascadia Code", monospace;--font-sans: "Geist", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-size: 14px;--editor-font: "Geist Mono", monospace;--radius: 8px;--radius-sm: 4px}.embed-mobile-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) minmax(0,1fr);min-height:0;flex:1}.playground{height:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-theme=light]{--bg-primary: #faf8f0;--bg-secondary: #f3f1e8;--bg-tertiary: #e8e6dc;--text-primary: #1f2328;--text-secondary: #656d76;--text-muted: #8b949e;--accent: #f0d000;--accent-hover: #e0c200;--border: #d1d9e0;--border-subtle: #e8ecf0;--error: #cf222e;--warning: #bf8700;--info: #0969da;--success: #1a7f37;--toolbar-bg: #faf8f0;--statusbar-bg: #f3f1e8;--divider-bg: #e8e6dc;--divider-hover: #dcd9ce;--divider-handle: #656d76;--editor-bg: #faf8f0;--editor-fg: #1f2328;--editor-gutter-bg: #f3f1e8;--editor-gutter-fg: #8b949e;--editor-active-line: #f3f1e8;--editor-selection: #0969da22;--editor-bracket-match: #0969da30;--console-bg: #f3f1e8;--console-hover: #e8e6dc;--console-warn-bg: #fff8c5;--console-warn-fg: #7a5e00;--console-warn-border: #f0d000aa;--console-error-bg: #ffebe9;--console-error-fg: #cf222e;--console-error-border: #cf222e44;--console-info-fg: #0969da;--console-stack-bg: #e8e6dc;--syntax-string: #0a3069;--syntax-number: #0550ae;--syntax-keyword: #cf222e;--syntax-function: #8250df;--syntax-comment: #6e7781;--run-btn-bg: #1f883d;--run-btn-fg: #ffffff;--run-btn-hover: #1a7f37}[data-theme=dark]{--bg-primary: #252524;--bg-secondary: #2c2c2a;--bg-tertiary: #353533;--text-primary: #e6edf3;--text-secondary: #8b949e;--text-muted: #656d76;--accent: #f0d000;--accent-hover: #f5da30;--border: #3d3d3a;--border-subtle: #353533;--error: #f85149;--warning: #d29922;--info: #58a6ff;--success: #3fb950;--toolbar-bg: #2c2c2a;--statusbar-bg: #252524;--divider-bg: #353533;--divider-hover: #3d3d3a;--divider-handle: #8b949e;--editor-bg: #252524;--editor-fg: #e6edf3;--editor-gutter-bg: #252524;--editor-gutter-fg: #5a5a56;--editor-active-line: #2c2c2a66;--editor-selection: #58a6ff33;--editor-bracket-match: #58a6ff38;--console-bg: #252524;--console-hover: #2c2c2a;--console-warn-bg: #d299220f;--console-warn-fg: #d29922;--console-warn-border: #d2992233;--console-error-bg: #f851490f;--console-error-fg: #f85149;--console-error-border: #f8514933;--console-info-fg: #58a6ff;--console-stack-bg: #2c2c2a;--syntax-string: #a5d6ff;--syntax-number: #79c0ff;--syntax-keyword: #ff7b72;--syntax-function: #d2a8ff;--syntax-comment: #8b949e;--run-btn-bg: #238636;--run-btn-fg: #ffffff;--run-btn-hover: #2ea043}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#app{height:100%;width:100%;overflow:hidden;overflow:clip}body{font-family:var(--font-sans);font-size:var(--font-size);font-optical-sizing:auto;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::selection{background:var(--accent);color:#000}.embed-open-link{position:absolute;bottom:4px;right:8px;font-size:11px;font-weight:500;font-family:var(--font-sans);color:var(--text-muted);text-decoration:none;opacity:.5;transition:opacity .15s,color .15s;z-index:20}.embed-open-link:hover{opacity:1;color:var(--accent)}@media(max-width:767px){.mobile-tabs{display:flex;background:var(--bg-secondary);border-bottom:1px solid var(--border)}.mobile-tab{flex:1;padding:8px 0;text-align:center;font-size:12px;font-weight:600;color:var(--text-muted);background:transparent;border:none;border-bottom:2px solid transparent;cursor:pointer;transition:all .15s}.mobile-tab.active{color:var(--accent);border-bottom-color:var(--accent)}.mobile-tab__badge{display:inline-flex;align-items:center;justify-content:center;min-width:16px;height:16px;padding:0 4px;margin-left:4px;font-size:10px;font-weight:700;background:var(--error);color:#fff;border-radius:8px}}