.color-label{display:block;font-size:15px;margin-block:20px 10px}.color-native{width:100%;height:100px;padding:4px;border:1px solid #667080;border-radius:12px;background:#090c12;cursor:pointer}.color-value{box-sizing:border-box;min-height:46px;width:100%;border:1px solid #667080;border-radius:10px;background:#090c12;color:#eef0f6;padding:12px;font:16px monospace;direction:ltr;text-align:left}.color-value:focus{outline:2px solid #c6d4ff;outline-offset:3px}.color-value[aria-invalid=true]{border-color:#f1bfbf}.color-row{border-top:1px solid var(--edge);margin-top:22px;padding-top:1px}.color-row button{margin-top:12px}.tool-controls button{min-height:44px}.color-row .button{font-size:13px;padding:10px 18px}