大部分小工具自訂設定都無需編寫程式碼 — 位置、顏色和問候語都可以 在主控台設定（請參閱網店小工具）。 如需進一步調整，小工具設定 → 外觀中的 **自訂 CSS（進階）**編輯器可接受組織層級的 CSS 覆寫。
穩定的類別名稱
小工具的每個介面都會呈現穩定的 cg-* 類別名稱 — 這是受支援的
樣式約定，不會在不同版本之間改變。頂部列、訊息
氣泡、訊息輸入區按鈕、交接狀態標籤、後續建議連結、輸入中
指示器，以及顯示技術提供者的頁尾，都有穩定的類別。
這點很重要，因為元件庫通常會產生帶有 隨機後綴的類別名稱。如果 CSS 使用這些自動產生的選擇器， 下一個版本發佈時就可能在沒有提示的情況下失效 — 當已儲存的 CSS 針對這類 選擇器時，外觀編輯器會在介面內顯示警告。
CSS 變數
小工具提供以下可覆寫的 CSS 變數：
--cg-bubble-max-width— 聊天氣泡可擴展的最大寬度（以 對話面板的百分比表示）。--cg-card-shadow— 產品卡片和工具卡片的陰影；設為none可呈現平面外觀。--cg-container-padding-top— 頂部列與第一項內容 之間的間距；預設為1.5rem。
應用程式內的指南記錄了目前完整的變數集，並提供可複製貼上的 入門程式碼區塊，亦會隨新樣式參數加入而擴充。新參數始終預設 沿用既有的呈現方式，因此在你選擇使用前不會有任何改變。
儲存
自訂 CSS 會透過頁面層級的儲存操作，與其他外觀設定一併儲存 — 顏色、問候語和 CSS 共用同一個流程。