:root{--bc-page-bg:#ffffff;--bc-page-fg:#161616;--bc-panel:#f4f4f4;--bc-border:#e0e0e0;--bc-preview-bg:#ffffff}[data-theme=dark]{--bc-page-bg:#161616;--bc-page-fg:#f4f4f4;--bc-panel:#262626;--bc-border:#393939;--bc-preview-bg:#000000}body,html{margin:0;padding:0;background:var(--bc-page-bg);color:var(--bc-page-fg);font-family:IBM Plex Sans,Helvetica Neue,Arial,sans-serif}*{box-sizing:border-box}.bc-code-stage{background:#ffffff;color:#000000;border:1px solid var(--bc-border);border-radius:2px;display:flex;align-items:center;justify-content:center;overflow:hidden}.bc-code-stage img,.bc-code-stage svg{display:block;max-width:100%;max-height:100%}.bc-two-col{display:grid;grid-template-columns:minmax(340px,460px) 1fr;grid-gap:24px;gap:24px;align-items:start}@media (max-width:960px){.bc-two-col{grid-template-columns:1fr}}.bc-panel{background:var(--bc-panel);border:1px solid var(--bc-border);border-radius:2px;padding:20px}.bc-mono{font-family:IBM Plex Mono,monospace;font-size:13px}.bc-checker{background-image:linear-gradient(45deg,#e0e0e0 25%,transparent 0),linear-gradient(-45deg,#e0e0e0 25%,transparent 0),linear-gradient(45deg,transparent 75%,#e0e0e0 0),linear-gradient(-45deg,transparent 75%,#e0e0e0 0);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#ffffff}