:where(.cmt) #gi-drop.is-dragover { box-shadow: inset 0 0 0 1.5px var(--ink, #1D1D1F); }
            :where(.cmt) .gi-seg button.active { background: var(--surface, #fff); color: var(--ink, #1D1D1F); box-shadow: 0 1px 2px rgba(17, 19, 21, .1); }
            /* Khung xem truoc: script dat gradient tao tu anh (noi dung, khong phai trang tri) */
            :where(.cmt) .gi-preview { height: 300px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .06); }
            :where(.cmt) .gi-bar { position: relative; height: 28px; border-radius: 999px; margin: 0 11px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); touch-action: none; cursor: pointer; }
            :where(.cmt) .gi-knob { position: absolute; top: 50%; width: 22px; height: 22px; margin: -11px 0 0 -11px; border-radius: 50%; border: 3px solid #fff; box-shadow: 0 1px 6px rgba(17, 19, 21, .35); cursor: grab; }
            :where(.cmt) .gi-knob.is-active { box-shadow: 0 0 0 2px var(--ink, #1D1D1F), 0 1px 6px rgba(17, 19, 21, .35); }
            /* O mau lay tu anh do script tao */
            :where(.cmt) .gi-chip { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .08); cursor: pointer; }
            :where(.cmt) .gi-chip.is-on { box-shadow: 0 0 0 2px var(--surface, #fff), 0 0 0 4px var(--ink, #1D1D1F); }
            :where(.cmt) .gi-pick { width: 32px; height: 32px; padding: 0; border: 0; border-radius: 10px; background: none; cursor: pointer; }
            :where(.cmt) .gi-pick::-webkit-color-swatch-wrapper { padding: 0; }
            :where(.cmt) .gi-pick::-webkit-color-swatch { border: 0; border-radius: 10px; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .14); }
            :where(.cmt) .gi-pick::-moz-color-swatch { border: 0; border-radius: 10px; }
            :where(.cmt) .gi-code { white-space: pre-wrap; word-break: break-word; font-family: ui-monospace, SFMono-Regular, Menlo, monospace; }