.color-field>label{display:block;font-size:11px;color:var(--tool-muted);margin-bottom:6px}.color-field-input{display:flex;align-items:center;gap:8px;padding:5px 8px;border:1px solid var(--tool-line);border-radius:4px;background:var(--tool-raised)}.color-field-input:focus-within{outline:1px solid var(--brand-concrete);outline-offset:-1px}.color-field-input input[type=color]{appearance:none;padding:0;width:24px;height:24px;border:0;background:none;cursor:pointer;flex-shrink:0}.color-field-input input[type=color]::-webkit-color-swatch-wrapper{padding:0}.color-field-input input[type=color]::-webkit-color-swatch{border:1px solid #0002;border-radius:3px}.color-field-input .ui-input{border:0;background:none;padding:0;height:24px;min-height:24px;width:100%;font:12px var(--font-mono);text-align:right}.color-field-input .ui-input:focus-visible{outline:0}.color-field-meta{display:flex;gap:8px;justify-content:space-between;font-size:10px;color:var(--tool-muted);margin-top:4px}.color-field-meta span:last-child{font-family:var(--font-mono)}.color-field>small{display:block;color:var(--brand-madder);margin-top:5px}