style(studio): place Color Chrome sub-buttons on 1 single row and format chip labels bold with theme accent colors

docker/frontend/src/App.tsx

@@ -3377,9 +3377,9 @@ export function Workspace() {
     wbFoot: (
       <div className="dev-box" data-key="dev-box-color-chrome" style={{ display: 'flex', flexDirection: 'column', gap: '8px', padding: '8px 0' }}>
         <div>
-          <span className="dev-box-title" style={{ marginBottom: '4px', display: 'block', fontSize: '11px', opacity: 0.8 }}>COLOR CHROME</span>
+          <span className="dev-box-title" style={{ marginBottom: '4px', display: 'block' }}>COLOR CHROME</span>
           <ChipRow
-            grid
+            grid3
             chips={CHROME_OPTIONS.map((opt) => ({
               key: `cx-${opt.v}`,
               label: opt.d,
@@ -3392,9 +3392,9 @@ export function Workspace() {
           />
         </div>
         <div>
-          <span className="dev-box-title" style={{ marginBottom: '4px', display: 'block', fontSize: '11px', opacity: 0.8 }}>CHROME BLUE</span>
+          <span className="dev-box-title" style={{ marginBottom: '4px', display: 'block' }}>CHROME BLUE</span>
           <ChipRow
-            grid
+            grid3
             chips={CHROME_OPTIONS.map((opt) => ({
               key: `cxb-${opt.v}`,
               label: opt.d,