.br-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));grid-gap:12px;gap:12px}.br-swatch{display:flex;align-items:center;justify-content:center;min-height:140px;border:1px solid var(--line);border-radius:10px;padding:20px}.br-swatch.dark{background:#131210;color:#e0903a}.br-swatch.light{background:#e9ebe6;color:#8a5620}.br-swatch .wm-preview{font-family:var(--font-inter,"Inter"),sans-serif;font-weight:800;font-variation-settings:"opsz" 32;letter-spacing:.025em;font-size:30px;line-height:1}.br-swatch.dark .wm-preview .b{color:#f4f4f7}.br-swatch.dark .wm-preview .f{color:#e0903a}.br-swatch.light .wm-preview .b{color:#20241f}.br-swatch.light .wm-preview .f{color:#8a5620}.br-swatch-cap{margin-top:6px;font-size:10px;letter-spacing:.14em;color:var(--data-dim);text-align:center}.br-swcol{display:flex;flex-direction:column}.br-dl{margin-top:16px;display:flex;flex-wrap:wrap;gap:10px}.br-dlbtn{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;padding:10px 15px;border:1px solid var(--line-strong);border-radius:8px;color:var(--text);text-decoration:none;transition:border-color var(--t-fast,.12s) var(--ease-enter,ease),background var(--t-fast,.12s) var(--ease-enter,ease)}.br-dlbtn:hover{border-color:var(--text-dim);background:var(--panel)}.br-dlbtn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--ground),0 0 0 4px var(--sig-live)}.br-dlbtn .cs-mono{font-size:10px;letter-spacing:.1em;color:var(--data-dim)}.br-colors{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));grid-gap:10px;gap:10px}.br-color{border:1px solid var(--line);border-radius:8px;overflow:hidden}.br-color-chip{height:52px}.br-color-meta{padding:8px 10px;font-size:11px;line-height:1.5}.br-color-meta b{display:block;color:var(--text);font-weight:600;font-size:12px}.br-color-meta .cs-mono{color:var(--data-dim)}.br-rules{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:12px;gap:12px}.br-rule{padding:14px 16px;border:1px solid var(--line);border-radius:10px;background:var(--panel)}.br-rule h3{font-size:11px;letter-spacing:.14em;margin-bottom:8px}.br-rule.do h3{color:var(--sig-ok)}.br-rule.dont h3{color:var(--sig-block)}.br-rule ul{margin:0;padding-left:18px;display:flex;flex-direction:column;gap:6px}.br-rule li{font-size:12.5px;line-height:1.65;color:var(--text-dim)}