/* Unified role colors and palette tools share the studio's existing tokens. */
body #colorRoles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:8px 0}
body #colorRoles .swatch{display:flex;flex-direction:column;gap:5px;min-width:0}
body #colorRoles .swatch>span{font-size:12px;color:var(--ink)}
body #colorRoles input[type=color]{width:100%;height:34px;min-height:34px;padding:2px;box-sizing:border-box}
body #colorRoles .colorLock{font-size:11px;min-height:28px;padding:4px;border:1px solid var(--line2);border-radius:5px;background:var(--panel);color:var(--dim)}
body #colorRoles .colorLock[aria-pressed=true]{color:var(--ink);border-color:var(--ink)}
body #colorStatus{font-size:11px;line-height:1.5;margin:0;color:var(--dim);text-wrap:pretty}
body #paletteLabGroup .colorTools{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
body #paletteLabGroup .colorTools>summary{font-size:12px;cursor:pointer;min-height:28px;align-content:center}
body #paletteLabGroup .colorTools .fld{margin-top:8px}
body #paletteLabGroup #colorDefaults{width:100%;min-height:32px;font-size:12px;padding:5px 8px}
body #paletteLabGroup .creativeHelp{font-size:11px;line-height:1.5;margin:8px 0;text-wrap:pretty}
body #paletteLabGroup .creativeActions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body #paletteLabGroup .creativeActions .btn{flex:1;min-width:70px;font-size:12px;min-height:32px;padding:6px}
body #paletteLabGroup [hidden]{display:none!important}