.rn-colour-field{display:flex;align-items:center;gap:12px;min-width:0}
.rn-workspace div.rn-colour-field>input[type="color"]{flex:0 0 52px;width:52px;min-width:44px;height:44px;min-height:44px;padding:5px;background:#fff;border:1px solid #60757c;border-radius:7px;cursor:pointer}
.rn-workspace div.rn-colour-field>input[type="text"]{flex:1;min-width:0;width:100%;font-family:var(--font-mono);text-transform:uppercase}
.rn-workspace div.rn-colour-field>input[type="color"]::-webkit-color-swatch-wrapper{padding:0}
.rn-workspace div.rn-colour-field>input[type="color"]::-webkit-color-swatch{border:0;border-radius:3px}
.rn-workspace div.rn-colour-field>input[type="color"]::-moz-color-swatch{border:0;border-radius:3px}
.rn-workspace div.rn-colour-field>input[type="color"]:focus-visible{outline:3px solid #0e6b50;outline-offset:3px}
.rn-workspace div.rn-colour-field>input[type="color"]:disabled{cursor:default;opacity:.6}