.bkbg-coh-wrap{padding:28px 20px;border-radius:16px;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box;text-align:center}.bkbg-coh-title{font-size:var(--bkbg-coh-tt-font-size-d,28px);line-height:var(--bkbg-coh-tt-line-height-d,1.2);font-family:var(--bkbg-coh-tt-font-family,inherit);font-weight:var(--bkbg-coh-tt-font-weight,800);font-style:var(--bkbg-coh-tt-font-style,normal);text-transform:var(--bkbg-coh-tt-text-transform,none);text-decoration:var(--bkbg-coh-tt-text-decoration,none);letter-spacing:var(--bkbg-coh-tt-letter-spacing-d,normal);word-spacing:var(--bkbg-coh-tt-word-spacing-d,normal);margin:0 0 4px}.bkbg-coh-subtitle{font-size:var(--bkbg-coh-st-font-size-d,14px);line-height:var(--bkbg-coh-st-line-height-d,1.5);font-family:var(--bkbg-coh-st-font-family,inherit);font-weight:var(--bkbg-coh-st-font-weight,400);font-style:var(--bkbg-coh-st-font-style,normal);text-transform:var(--bkbg-coh-st-text-transform,none);text-decoration:var(--bkbg-coh-st-text-decoration,none);letter-spacing:var(--bkbg-coh-st-letter-spacing-d,normal);word-spacing:var(--bkbg-coh-st-word-spacing-d,normal);margin:0 0 20px}.bkbg-coh-tabs{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-bottom:20px}.bkbg-coh-tab{padding:5px 14px;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;border:2px solid;transition:background 0.15s,color 0.15s}.bkbg-coh-picker-row{display:flex;align-items:center;justify-content:center;gap:12px;margin-bottom:18px;flex-wrap:wrap}.bkbg-coh-picker-preview{width:48px;height:48px;border-radius:50%;border:3px solid;cursor:pointer;position:relative}.bkbg-coh-picker-input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%;border:none;padding:0}.bkbg-coh-hex-label{font-family:monospace;font-size:18px;font-weight:800;letter-spacing:1px}.bkbg-coh-card{border-radius:14px;padding:20px;margin-bottom:16px;box-shadow:0 2px 12px rgb(0 0 0 / .05)}.bkbg-coh-swatches{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}.bkbg-coh-swatch-item{text-align:center;cursor:pointer;transition:transform 0.15s}.bkbg-coh-swatch-item:hover{transform:translateY(-4px) scale(1.05)}.bkbg-coh-swatch-box{border-radius:12px;box-shadow:0 3px 12px rgb(0 0 0 / .15);border:2px solid rgb(0 0 0 / .06);transition:box-shadow 0.15s;position:relative;overflow:hidden}.bkbg-coh-swatch-box::after{content:'📋';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:20px;opacity:0;transition:opacity 0.15s;background:rgb(255 255 255 / .25)}.bkbg-coh-swatch-item:hover .bkbg-coh-swatch-box::after{opacity:1}.bkbg-coh-swatch-hex{font-size:12px;font-family:monospace;font-weight:600;margin-top:6px;color:#374151}.bkbg-coh-swatch-rgb{font-size:10px;font-family:monospace;color:#9ca3af;margin-top:2px}.bkbg-coh-swatch-base-lbl{font-size:10px;color:#9ca3af;margin-top:2px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.bkbg-coh-copied{position:absolute;top:4px;left:50%;transform:translateX(-50%) scale(.8);background:rgb(0 0 0 / .75);color:#fff;font-size:11px;padding:2px 8px;border-radius:10px;opacity:0;pointer-events:none;transition:opacity 0.2s,transform 0.2s;white-space:nowrap}.bkbg-coh-copied.show{opacity:1;transform:translateX(-50%) scale(1)}.bkbg-coh-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.bkbg-coh-btn{padding:10px 24px;border-radius:10px;font-size:14px;font-weight:700;cursor:pointer;border:none;color:#fff;transition:opacity 0.2s,transform 0.1s}.bkbg-coh-btn:hover{opacity:.85}.bkbg-coh-btn:active{transform:scale(.97)}.bkbg-coh-btn-outline{background:transparent!important;border:2px solid!important}@media (max-width:1024px){.bkbg-coh-title{font-size:var(--bkbg-coh-tt-font-size-t,var(--bkbg-coh-tt-font-size-d,28px));line-height:var(--bkbg-coh-tt-line-height-t,var(--bkbg-coh-tt-line-height-d,1.2));letter-spacing:var(--bkbg-coh-tt-letter-spacing-t,var(--bkbg-coh-tt-letter-spacing-d,normal));word-spacing:var(--bkbg-coh-tt-word-spacing-t,var(--bkbg-coh-tt-word-spacing-d,normal))}.bkbg-coh-subtitle{font-size:var(--bkbg-coh-st-font-size-t,var(--bkbg-coh-st-font-size-d,14px));line-height:var(--bkbg-coh-st-line-height-t,var(--bkbg-coh-st-line-height-d,1.5));letter-spacing:var(--bkbg-coh-st-letter-spacing-t,var(--bkbg-coh-st-letter-spacing-d,normal));word-spacing:var(--bkbg-coh-st-word-spacing-t,var(--bkbg-coh-st-word-spacing-d,normal))}}@media (max-width:767px){.bkbg-coh-title{font-size:var(--bkbg-coh-tt-font-size-m,var(--bkbg-coh-tt-font-size-t,var(--bkbg-coh-tt-font-size-d,28px)));line-height:var(--bkbg-coh-tt-line-height-m,var(--bkbg-coh-tt-line-height-t,var(--bkbg-coh-tt-line-height-d,1.2)));letter-spacing:var(--bkbg-coh-tt-letter-spacing-m,var(--bkbg-coh-tt-letter-spacing-t,var(--bkbg-coh-tt-letter-spacing-d,normal)));word-spacing:var(--bkbg-coh-tt-word-spacing-m,var(--bkbg-coh-tt-word-spacing-t,var(--bkbg-coh-tt-word-spacing-d,normal)))}.bkbg-coh-subtitle{font-size:var(--bkbg-coh-st-font-size-m,var(--bkbg-coh-st-font-size-t,var(--bkbg-coh-st-font-size-d,14px)));line-height:var(--bkbg-coh-st-line-height-m,var(--bkbg-coh-st-line-height-t,var(--bkbg-coh-st-line-height-d,1.5)));letter-spacing:var(--bkbg-coh-st-letter-spacing-m,var(--bkbg-coh-st-letter-spacing-t,var(--bkbg-coh-st-letter-spacing-d,normal)));word-spacing:var(--bkbg-coh-st-word-spacing-m,var(--bkbg-coh-st-word-spacing-t,var(--bkbg-coh-st-word-spacing-d,normal)))}}@media (max-width:480px){.bkbg-coh-wrap{padding:14px}.bkbg-coh-swatch-box{border-radius:8px}}