.background-changer-shell{--br-paper: #f8f7f4;--br-panel: #ffffff;--br-ink: #161616;--br-muted: #686762;--br-line: #e2e0da;--br-tint: #efeee9;--br-link: #3154f5;color:var(--br-ink);background:var(--br-paper)}.dark .background-changer-shell{--br-paper: #191a18;--br-panel: #232421;--br-ink: #f8f7f4;--br-muted: #bdbdb4;--br-line: #45463f;--br-tint: #2c2e29;--br-link: #a6b6ff}body:has(.bc-page){background:#f8f7f4}html.dark body:has(.bc-page){background:#191a18}.background-changer-shell>header{color:var(--br-ink);background:var(--br-paper);border-bottom:1px solid var(--br-line)}.background-changer-shell>header>div{max-width:1280px}.bc-ground{background:var(--br-panel)}.bc-bg-picker{border:0;padding:0;margin:0 0 14px}.bc-bg-options{display:flex;gap:6px;padding:4px;background:var(--br-tint);border-radius:6px}.bc-bg-options button{min-height:44px;padding:8px 10px;flex:1;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:4px;font-size:13px;color:var(--br-muted)}.bc-bg-options button[aria-pressed=true]{background:var(--br-panel);color:var(--br-link)}.bc-swatches{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.bc-swatch{width:34px;height:34px;border-radius:50%;border:1px solid var(--br-line);padding:0}.bc-swatch.is-active{outline:2px solid var(--br-link);outline-offset:2px}.bc-hex input{min-height:44px;width:104px;padding:8px 10px;border:1px solid var(--br-line);border-radius:5px;background:var(--br-panel);color:var(--br-ink);font-size:13px;font-variant-numeric:tabular-nums}.bc-hex input[aria-invalid=true]{border-color:#c0392b}.bc-hex-error{margin-top:8px!important;font-size:12px;color:#c0392b}.bc-format{display:flex;gap:6px;margin:4px 0 10px;padding:0;border:0}.bc-format button{min-height:44px;padding:8px 16px;border:1px solid var(--br-line);border-radius:5px;font-size:12px;color:var(--br-muted)}.bc-format button[aria-pressed=true]{border-color:var(--br-link);color:var(--br-link)}.bc-format button:disabled{opacity:.45;cursor:not-allowed}.bc-boundary{grid-template-columns:1fr}.bc-boundary article{max-width:560px}@media(max-width:720px){.bc-swatches{gap:7px}.bc-swatch{width:30px;height:30px}}