.sbgb-root[data-v-6b45ac60]{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.sbgb-label[data-v-6b45ac60],.sbgb-hex[data-v-6b45ac60]{font-size:var(--sbgb-font-xs);color:var(--sbgb-c-muted)}.sbgb-hex[data-v-6b45ac60]{font-variant-numeric:tabular-nums}.sbgb-row[data-v-6b45ac60]{display:flex;flex-wrap:wrap;gap:6px}.sbgb-swatch[data-v-6b45ac60]{position:relative;width:var(--sbgb-swatch);height:var(--sbgb-swatch);padding:0;border-radius:50%;border:1px solid var(--sbgb-c-line);box-sizing:border-box;cursor:pointer;transition:box-shadow .2s,transform .2s}.sbgb-swatch[data-v-6b45ac60]:hover{transform:translateY(-1px)}.sbgb-swatch.on[data-v-6b45ac60]{box-shadow:0 0 0 2px var(--sbgb-c-accent),0 0 0 5px var(--sbgb-c-accent-soft)}.sbgb-custom[data-v-6b45ac60]{display:grid;place-items:center;background:transparent;border-style:dashed;color:var(--sbgb-c-muted);font-size:.9rem;overflow:hidden}.sbgb-window[data-v-6b45ac60]{width:var(--sbgb-window-width);border-radius:var(--sbgb-window-radius);background:var(--sbgb-c-panel);box-shadow:0 12px 32px #00000040}