@layer mini-react-repl{.repl-root{color-scheme:var(--repl-color-scheme,light dark);background:var(--repl-bg,#0e0f12);width:100%;height:100%;min-height:480px;color:var(--repl-fg,#e6e7ea);grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px;display:grid}.repl-root__main,.repl-root__side{flex-direction:column;min-width:0;min-height:0;display:flex}.repl-root__main{border-right:1px solid var(--repl-border,#22242a)}.repl-tabs{border-bottom:1px solid var(--repl-border,#22242a);background:var(--repl-tabs-bg,#15161a);scrollbar-width:thin;align-items:stretch;display:flex;overflow-x:auto}.repl-tab{border:none;border-right:1px solid var(--repl-border,#22242a);color:var(--repl-tab-fg,#aab);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;align-items:center;gap:6px;padding:6px 12px;font-size:12px;display:inline-flex}.repl-tab[data-active=true]{background:var(--repl-tab-active-bg,#0e0f12);color:var(--repl-tab-active-fg,#fff);box-shadow:inset 0 -2px 0 var(--repl-accent,#79b8ff)}.repl-tab:hover:not([data-active=true]){background:var(--repl-tab-hover-bg,#1a1c20);color:var(--repl-fg,#e6e7ea)}.repl-tab-close{width:16px;height:16px;color:var(--repl-tab-fg,#889);cursor:pointer;border-radius:3px;justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.repl-tab-close:hover{background:var(--repl-tab-close-hover,#2a2d33);color:#fff}.repl-tab-add{color:var(--repl-tab-fg,#889);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:16px;line-height:1}.repl-tab-add:hover{color:var(--repl-fg,#fff);background:var(--repl-tab-hover-bg,#1a1c20)}.repl-editor{flex:1;min-width:0;min-height:0;position:relative}.repl-editor>*{width:100%;height:100%}.repl-preview{background:var(--repl-preview-bg,#fff);flex:1;min-height:0;position:relative}.repl-iframe{background:0 0;border:0;width:100%;height:100%}.repl-error-overlay{color:#ffd5d5;z-index:10;background:#141418eb;padding:20px 22px;font:13px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;position:absolute;inset:0;overflow:auto}.repl-error-overlay__title{color:#ff8a8a;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:600}.repl-error-overlay__path{color:#889;margin-bottom:4px;font-size:12px}.repl-error-overlay__message{color:#fff;white-space:pre-wrap}.repl-error-overlay__loc{color:#ffb37a;margin-top:6px;font-size:12px}.repl-error-overlay__stack{color:#99a;white-space:pre-wrap;margin-top:12px;font-size:12px}@media (prefers-color-scheme:light){.repl-root{color:#111;--repl-bg:#fafafa;--repl-fg:#111;--repl-border:#e2e3e7;--repl-tabs-bg:#f3f4f6;--repl-tab-fg:#4b5563;--repl-tab-active-bg:#fff;--repl-tab-active-fg:#111;--repl-tab-hover-bg:#eaecef;--repl-tab-close-hover:#d8dade;--repl-accent:#2563eb;--repl-preview-bg:#fff;background:#fafafa}}}